# カラーコード #69b2ca：やわらかな 明るい空色

#69b2ca はRGBで rgb(105, 178, 202)、OKLCHで oklch(72.478% 0.08077 221.206) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #69b2ca |
| RGB | rgb(105, 178, 202) |
| HSL | hsl(194.85, 47.78%, 60.2%) |
| HSB / HSV | hsv(194.85 48.02% 79.22%) |
| HWB | hwb(194.85 41.18% 20.78%) |
| CMYK | cmyk(48% 12% 0% 21%) |
| Lab | lab(68.49 -18.89 -19.76) |
| LCH | lch(68.49 27.34 226.29) |
| OKLab | oklab(72.478% -0.06077 -0.05321) |
| OKLCH | oklch(72.478% 0.08077 221.206) |
| Display P3 | color(display-p3 0.47912 0.69088 0.78118) |
| Rec. 2020 | color(rec2020 0.50113 0.64936 0.75462) |
| Adobe RGB | color(a98-rgb 0.51041 0.69214 0.78343) |
| ProPhoto RGB | color(prophoto-rgb 0.5168 0.61709 0.72886) |
| 線形sRGB | color(srgb-linear 0.14126 0.4452 0.59062) |
| XYZ D65 | color(xyz-d65 0.32405 0.39107 0.6172) |
| XYZ D50 | color(xyz-d50 0.31757 0.38639 0.46695) |
| SwiftUI | Color(red: 0.412, green: 0.698, blue: 0.792) |
| UIKit | UIColor(red: 0.412, green: 0.698, blue: 0.792, alpha: 1) |
| Flutter / Compose | Color(0xFF69B2CA) |
| Android XML | #69B2CA |

## 基本情報

- 最も近い色名: やわらかな 明るい空色
- 色相の系統: 空色, やわらかな 明るい空色
- 最も近いTailwindクラス: slate-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.38:1
- 黒とのコントラスト: 8.82:1

## ティント

#69b2ca, #79bacf, #89c1d5, #98c9da, #a7d1df, #b6d8e5, #c4e0ea, #d3e8ef, #e2f0f5, #f0f7fa

## シェード

#69b2ca, #5a9aaf, #4c8395, #3e6d7c, #315764, #24434d, #182f37, #0c1d22, #040c0f, #000102

## トーン

#69b2ca, #71b1c6, #78b0c3, #7eafbf, #85aebc, #8bacb8, #91abb5, #96aab1, #9ca9ad, #a1a7aa

## カラーハーモニー

- 補色: #69b2ca, #d2957f
- 分裂補色: #69b2ca, #d39199, #c69e6d
- 類似色: #69b2ca, #64b7b2, #80aad8
- トライアド: #69b2ca, #ca92b5, #b1a86c
- テトラード: #69b2ca, #9da1d8, #d2957f, #b1a86c
- スクエア: #69b2ca, #b798cc, #d2957f, #94b17c
- モノクロマティック: #69b2ca, #19697f, #438da4, #8fd9f2, #ccfdff

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

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

#69b2ca はやわらかな 明るい空色です。最も近い名前のある色はやわらかな 明るい空色です。RGBでは rgb(105, 178, 202)、HSLでは hsl(194.85, 47.78%, 60.2%)、OKLCHでは oklch(72.478% 0.08077 221.206) です。

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

#69b2ca の補色は #d2957f です。落ち着いた組み合わせにするなら、類似色の #64b7b2 と #80aad8 を使いましょう。トライアドの組み合わせは #ca92b5 と #b1a86c です。

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

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

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

#69b2ca は寒色系の色です。OKLCHでは色相 221度、明度 72.5%、クロマ 0.081 です。