# カラーコード #7abaac：スモーキーな 明るいティール

#7abaac はRGBで rgb(122, 186, 172)、OKLCHで oklch(74.156% 0.0689 178.982) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/7abaac

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #7abaac |
| RGB | rgb(122, 186, 172) |
| HSL | hsl(166.88, 31.68%, 60.39%) |
| HSB / HSV | hsv(166.88 34.41% 72.94%) |
| HWB | hwb(166.88 47.84% 27.06%) |
| CMYK | cmyk(34% 0% 8% 27%) |
| Lab | lab(70.89 -23.74 0.26) |
| LCH | lch(70.89 23.74 179.36) |
| OKLab | oklab(74.156% -0.06889 0.00122) |
| OKLCH | oklch(74.156% 0.0689 178.982) |
| Display P3 | color(display-p3 0.53437 0.72282 0.67595) |
| Rec. 2020 | color(rec2020 0.54176 0.68307 0.64142) |
| Adobe RGB | color(a98-rgb 0.5597 0.72367 0.67095) |
| ProPhoto RGB | color(prophoto-rgb 0.53385 0.64932 0.61603) |
| 線形sRGB | color(srgb-linear 0.19462 0.49102 0.41254) |
| XYZ D65 | color(xyz-d65 0.3303 0.42233 0.45442) |
| XYZ D50 | color(xyz-d50 0.33301 0.42032 0.34498) |
| SwiftUI | Color(red: 0.478, green: 0.729, blue: 0.675) |
| UIKit | UIColor(red: 0.478, green: 0.729, blue: 0.675, alpha: 1) |
| Flutter / Compose | Color(0xFF7ABAAC) |
| Android XML | #7ABAAC |

## 基本情報

- 最も近い色名: スモーキーな 明るいティール
- 色相の系統: ティール, スモーキーな 明るいティール
- 最も近いTailwindクラス: mist-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.22:1
- 黒とのコントラスト: 9.45:1

## ティント

#7abaac, #88c1b4, #95c8bc, #a3cfc4, #b0d5cc, #bddcd5, #cae3dd, #d8eae5, #e5f1ee, #f2f8f6

## シェード

#7abaac, #69a195, #59897f, #497269, #3a5c54, #2b4640, #1d322d, #101e1b, #050d0b, #010201

## トーン

#7abaac, #80b9ac, #85b7ac, #8bb6ac, #90b4ac, #95b3ac, #9ab1ab, #9eb0ab, #a3aeab, #a7adab

## カラーハーモニー

- 補色: #7abaac, #d09aaa
- 分裂補色: #7abaac, #c49cc1, #d39b92
- 類似色: #7abaac, #8db894, #76b8c3
- トライアド: #7abaac, #b1a2d1, #cda180
- テトラード: #7abaac, #83b2d2, #d09aaa, #cda180
- スクエア: #7abaac, #99aad8, #d09aaa, #bdaa79
- モノクロマティック: #7abaac, #307164, #559587, #a0e1d2, #c3fff6

## #7abaac についてのよくある質問

### #7abaac は何色ですか？

#7abaac はスモーキーな 明るいティールです。最も近い名前のある色はスモーキーな 明るいティールです。RGBでは rgb(122, 186, 172)、HSLでは hsl(166.88, 31.68%, 60.39%)、OKLCHでは oklch(74.156% 0.0689 178.982) です。

### #7abaac に合う色は？

#7abaac の補色は #d09aaa です。落ち着いた組み合わせにするなら、類似色の #8db894 と #76b8c3 を使いましょう。トライアドの組み合わせは #b1a2d1 と #cda180 です。

### #7abaac の上では白と黒のどちらの文字が読みやすいですか？

#7abaac の上では黒の文字のほうが読みやすくなります。白はコントラスト比 2.22:1、黒は 9.45:1 です。WCAG AAでは本文に4.5:1以上が求められます。

### #7abaac は暖色と寒色のどちらですか？

#7abaac は寒色系の色です。OKLCHでは色相 179度、明度 74.2%、クロマ 0.069 です。