# カラーコード #cdd0cf：ごく明るいグレー

#cdd0cf はRGBで rgb(205, 208, 207)、OKLCHで oklch(85.497% 0.00355 174.466) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/cdd0cf

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #cdd0cf |
| RGB | rgb(205, 208, 207) |
| HSL | hsl(160, 3.09%, 80.98%) |
| HSB / HSV | hsv(160 1.44% 81.57%) |
| HWB | hwb(160 80.39% 18.43%) |
| CMYK | cmyk(1% 0% 0% 18%) |
| Lab | lab(83.22 -1.2 0.12) |
| LCH | lch(83.22 1.21 174.34) |
| OKLab | oklab(85.497% -0.00354 0.00034) |
| OKLCH | oklch(85.497% 0.00355 174.466) |
| Display P3 | color(display-p3 0.80603 0.8153 0.81192) |
| Rec. 2020 | color(rec2020 0.78578 0.79318 0.79001) |
| Adobe RGB | color(a98-rgb 0.80243 0.81095 0.80713) |
| ProPhoto RGB | color(prophoto-rgb 0.76613 0.77264 0.76987) |
| 線形sRGB | color(srgb-linear 0.6105 0.63076 0.62396) |
| XYZ D65 | color(xyz-d65 0.58992 0.62596 0.68008) |
| XYZ D50 | color(xyz-d50 0.59843 0.62584 0.5153) |
| SwiftUI | Color(red: 0.804, green: 0.816, blue: 0.812) |
| UIKit | UIColor(red: 0.804, green: 0.816, blue: 0.812, alpha: 1) |
| Flutter / Compose | Color(0xFFCDD0CF) |
| Android XML | #CDD0CF |

## 基本情報

- 最も近い色名: ごく明るいグレー
- 色相の系統: グレー, ごく明るいグレー
- 最も近いTailwindクラス: neutral-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.55:1
- 黒とのコントラスト: 13.52:1

## ティント

#cdd0cf, #d2d5d4, #d7d9d8, #dcdedd, #e1e3e2, #e6e7e7, #ebecec, #f0f1f0, #f5f5f5, #fafafa

## シェード

#cdd0cf, #b2b5b4, #989a99, #7e807f, #666767, #4e4f4f, #383938, #232323, #0f1010, #020202

## トーン

#cdd0cf, #cdd0cf, #cdd0cf, #ced0cf, #ced0cf, #ced0cf, #cecfcf, #cfcfcf, #cfcfcf, #cfcfcf

## カラーハーモニー

- 補色: #cdd0cf, #d1cecf
- 分裂補色: #cdd0cf, #d0ced1, #d2cece
- 類似色: #cdd0cf, #ced0ce, #cdd0d0
- トライアド: #cdd0cf, #cfcfd1, #d1cfcd
- テトラード: #cdd0cf, #cdd0d1, #d1cecf, #d1cfcd
- スクエア: #cdd0cf, #cecfd2, #d1cecf, #d0cfcd
- モノクロマティック: #cdd0cf, #838584, #a7aaa9, #f3f6f5, #f3f6f5

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

### #cdd0cf は何色ですか？

#cdd0cf はごく明るいグレーです。最も近い名前のある色はごく明るいグレーです。RGBでは rgb(205, 208, 207)、HSLでは hsl(160, 3.09%, 80.98%)、OKLCHでは oklch(85.497% 0.00355 174.466) です。

### #cdd0cf に合う色は？

#cdd0cf の補色は #d1cecf です。落ち着いた組み合わせにするなら、類似色の #ced0ce と #cdd0d0 を使いましょう。トライアドの組み合わせは #cfcfd1 と #d1cfcd です。

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

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

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

#cdd0cf はニュートラルの色です。OKLCHでは色相 174度、明度 85.5%、クロマ 0.004 です。