# カラーコード #669dce：やわらかな 空色

#669dce はRGBで rgb(102, 157, 206)、OKLCHで oklch(67.741% 0.09334 246.571) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/669dce

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #669dce |
| RGB | rgb(102, 157, 206) |
| HSL | hsl(208.27, 51.49%, 60.39%) |
| HSB / HSV | hsv(208.27 50.49% 80.78%) |
| HWB | hwb(208.27 40% 19.22%) |
| CMYK | cmyk(50% 24% 0% 19%) |
| Lab | lab(62.4 -8.36 -31.25) |
| LCH | lch(62.4 32.35 255.02) |
| OKLab | oklab(67.741% -0.03711 -0.08565) |
| OKLCH | oklch(67.741% 0.09334 246.571) |
| Display P3 | color(display-p3 0.44814 0.61003 0.79098) |
| Rec. 2020 | color(rec2020 0.45814 0.56475 0.7641) |
| Adobe RGB | color(a98-rgb 0.47114 0.60997 0.79613) |
| ProPhoto RGB | color(prophoto-rgb 0.48157 0.53554 0.7361) |
| 線形sRGB | color(srgb-linear 0.13287 0.33716 0.61721) |
| XYZ D65 | color(xyz-d65 0.28675 0.31394 0.62943) |
| XYZ D50 | color(xyz-d50 0.27611 0.30869 0.47533) |
| SwiftUI | Color(red: 0.4, green: 0.616, blue: 0.808) |
| UIKit | UIColor(red: 0.4, green: 0.616, blue: 0.808, alpha: 1) |
| Flutter / Compose | Color(0xFF669DCE) |
| Android XML | #669DCE |

## 基本情報

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

## ティント

#669dce, #75a7d3, #85b0d8, #94bade, #a3c4e3, #b2cee7, #c1d8ec, #d1e1f1, #e0ebf6, #eff5fa

## シェード

#669dce, #5888b3, #4a7398, #3c5f7f, #2f4c66, #233a4e, #172838, #0c1823, #04090f, #000102

## トーン

#669dce, #6c9dc9, #719cc3, #779cbe, #7c9bb9, #819bb3, #859aae, #8a9aa8, #8f99a3, #93989d

## カラーハーモニー

- 補色: #669dce, #bf8c57
- 分裂補色: #669dce, #ca836f, #a89851
- 類似色: #669dce, #49a6bd, #8892d1
- トライアド: #669dce, #c97f8e, #88a262
- テトラード: #669dce, #a688c5, #bf8c57, #88a262
- スクエア: #669dce, #bc81ad, #bf8c57, #64a980
- モノクロマティック: #669dce, #1e5582, #4278a7, #8bc3f6, #c2e9ff

## #669dce についてのよくある質問

### #669dce は何色ですか？

#669dce はやわらかな 空色です。最も近い名前のある色はやわらかな 空色です。RGBでは rgb(102, 157, 206)、HSLでは hsl(208.27, 51.49%, 60.39%)、OKLCHでは oklch(67.741% 0.09334 246.571) です。

### #669dce に合う色は？

#669dce の補色は #bf8c57 です。落ち着いた組み合わせにするなら、類似色の #49a6bd と #8892d1 を使いましょう。トライアドの組み合わせは #c97f8e と #88a262 です。

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

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

### #669dce は暖色と寒色のどちらですか？

#669dce は寒色系の色です。OKLCHでは色相 247度、明度 67.7%、クロマ 0.093 です。