# カラーコード #cccf9d：パステル調の 明るい黄色

#cccf9d はRGBで rgb(204, 207, 157)、OKLCHで oklch(83.97% 0.06645 110.599) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #cccf9d |
| RGB | rgb(204, 207, 157) |
| HSL | hsl(63.6, 34.25%, 71.37%) |
| HSB / HSV | hsv(63.6 24.15% 81.18%) |
| HWB | hwb(63.6 61.57% 18.82%) |
| CMYK | cmyk(1% 0% 24% 19%) |
| Lab | lab(81.95 -7.08 24.61) |
| LCH | lch(81.95 25.6 106.06) |
| OKLab | oklab(83.97% -0.02338 0.0622) |
| OKLCH | oklch(83.97% 0.06645 110.599) |
| Display P3 | color(display-p3 0.80211 0.81138 0.63623) |
| Rec. 2020 | color(rec2020 0.77353 0.78678 0.6007) |
| Adobe RGB | color(a98-rgb 0.79845 0.80697 0.61959) |
| ProPhoto RGB | color(prophoto-rgb 0.7339 0.76257 0.58025) |
| 線形sRGB | color(srgb-linear 0.60383 0.62396 0.33716) |
| XYZ D65 | color(xyz-d65 0.53298 0.59897 0.40653) |
| XYZ D50 | color(xyz-d50 0.55187 0.6021 0.30975) |
| SwiftUI | Color(red: 0.8, green: 0.812, blue: 0.616) |
| UIKit | UIColor(red: 0.8, green: 0.812, blue: 0.616, alpha: 1) |
| Flutter / Compose | Color(0xFFCCCF9D) |
| Android XML | #CCCF9D |

## 基本情報

- 最も近い色名: パステル調の 明るい黄色
- 色相の系統: 黄色, パステル調の 明るい黄色
- 最も近いTailwindクラス: olive-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.62:1
- 黒とのコントラスト: 12.98:1

## ティント

#cccf9d, #d1d4a7, #d6d9b1, #dbddba, #e0e2c4, #e5e7ce, #eaecd8, #eff1e2, #f5f5eb, #fafaf5

## シェード

#cccf9d, #b1b488, #979973, #7e7f5f, #65674c, #4e4f3a, #373828, #222318, #0f1009, #020201

## トーン

#cccf9d, #cccfa2, #cccea7, #cbceab, #cbcdb0, #cbcdb4, #cbccb9, #cbccbd, #cacbc2, #cacbc6

## カラーハーモニー

- 補色: #cccf9d, #cac4f3
- 分裂補色: #cccf9d, #b2ccf7, #dfbde5
- 類似色: #cccf9d, #e1c79a, #b4d6ad
- トライアド: #cccf9d, #9ed3ee, #edb9d0
- テトラード: #cccf9d, #9fd9c4, #cac4f3, #edb9d0
- スクエア: #cccf9d, #96d8dc, #cac4f3, #f3bab8
- モノクロマティック: #cccf9d, #828455, #a6a978, #f3f7c3, #f7fac7

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

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

#cccf9d はパステル調の 明るい黄色です。最も近い名前のある色はパステル調の 明るい黄色です。RGBでは rgb(204, 207, 157)、HSLでは hsl(63.6, 34.25%, 71.37%)、OKLCHでは oklch(83.97% 0.06645 110.599) です。

### #cccf9d に合う色は？

#cccf9d の補色は #cac4f3 です。落ち着いた組み合わせにするなら、類似色の #e1c79a と #b4d6ad を使いましょう。トライアドの組み合わせは #9ed3ee と #edb9d0 です。

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

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

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

#cccf9d はニュートラルの色です。OKLCHでは色相 111度、明度 84%、クロマ 0.066 です。