# カラーコード #69aab2：スモーキーな シアン

#69aab2 はRGBで rgb(105, 170, 178)、OKLCHで oklch(69.737% 0.0674 205.72) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/69aab2

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #69aab2 |
| RGB | rgb(105, 170, 178) |
| HSL | hsl(186.58, 32.16%, 55.49%) |
| HSB / HSV | hsv(186.58 41.01% 69.8%) |
| HWB | hwb(186.58 41.18% 30.2%) |
| CMYK | cmyk(41% 4% 0% 30%) |
| Lab | lab(65.48 -20.07 -11.05) |
| LCH | lch(65.48 22.92 208.83) |
| OKLab | oklab(69.737% -0.06073 -0.02925) |
| OKLCH | oklch(69.737% 0.0674 205.72) |
| Display P3 | color(display-p3 0.47027 0.66015 0.69214) |
| Rec. 2020 | color(rec2020 0.47938 0.61569 0.65766) |
| Adobe RGB | color(a98-rgb 0.49767 0.66074 0.69088) |
| ProPhoto RGB | color(prophoto-rgb 0.48322 0.58208 0.62973) |
| 線形sRGB | color(srgb-linear 0.14126 0.40198 0.4452) |
| XYZ D65 | color(xyz-d65 0.28235 0.34966 0.47382) |
| XYZ D50 | color(xyz-d50 0.28012 0.34659 0.35891) |
| SwiftUI | Color(red: 0.412, green: 0.667, blue: 0.698) |
| UIKit | UIColor(red: 0.412, green: 0.667, blue: 0.698, alpha: 1) |
| Flutter / Compose | Color(0xFF69AAB2) |
| Android XML | #69AAB2 |

## 基本情報

- 最も近い色名: スモーキーな シアン
- 色相の系統: シアン, スモーキーな シアン
- 最も近いTailwindクラス: slate-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.63:1
- 黒とのコントラスト: 7.99:1

## ティント

#69aab2, #79b2ba, #88bbc1, #97c3c9, #a6ccd0, #b5d4d8, #c4dde0, #d2e5e8, #e1eeef, #f0f6f7

## シェード

#69aab2, #5a939a, #4c7d83, #3e686d, #315357, #243f43, #182d2f, #0c1b1d, #040b0c, #000101

## トーン

#69aab2, #6fa9b0, #76a8ae, #7ba6ac, #81a5aa, #86a4a8, #8ba3a6, #90a1a4, #94a0a2, #999fa0

## カラーハーモニー

- 補色: #69aab2, #c48e88
- 分裂補色: #69aab2, #c08d9f, #bf9375
- 類似色: #69aab2, #6fac9c, #74a5c2
- トライアド: #69aab2, #b48fb5, #b09b6d
- テトラード: #69aab2, #8a9dc8, #c48e88, #b09b6d
- スクエア: #69aab2, #a196c3, #c48e88, #9ba373
- モノクロマティック: #69aab2, #1d626a, #44858d, #8fd0d9, #b5f8ff

## #69aab2 についてのよくある質問

### #69aab2 は何色ですか？

#69aab2 はスモーキーな シアンです。最も近い名前のある色はスモーキーな シアンです。RGBでは rgb(105, 170, 178)、HSLでは hsl(186.58, 32.16%, 55.49%)、OKLCHでは oklch(69.737% 0.0674 205.72) です。

### #69aab2 に合う色は？

#69aab2 の補色は #c48e88 です。落ち着いた組み合わせにするなら、類似色の #6fac9c と #74a5c2 を使いましょう。トライアドの組み合わせは #b48fb5 と #b09b6d です。

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

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

### #69aab2 は暖色と寒色のどちらですか？

#69aab2 は寒色系の色です。OKLCHでは色相 206度、明度 69.7%、クロマ 0.067 です。