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

#ccce95 はRGBで rgb(204, 206, 149)、OKLCHで oklch(83.599% 0.07514 109.604) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ccce95 |
| RGB | rgb(204, 206, 149) |
| HSL | hsl(62.11, 36.77%, 69.61%) |
| HSB / HSV | hsv(62.11 27.67% 80.78%) |
| HWB | hwb(62.11 58.43% 19.22%) |
| CMYK | cmyk(1% 0% 28% 19%) |
| Lab | lab(81.57 -7.4 28.23) |
| LCH | lch(81.57 29.18 104.69) |
| OKLab | oklab(83.599% -0.02521 0.07079) |
| OKLCH | oklch(83.599% 0.07514 109.604) |
| Display P3 | color(display-p3 0.8014 0.80758 0.60858) |
| Rec. 2020 | color(rec2020 0.77102 0.78251 0.57127) |
| Adobe RGB | color(a98-rgb 0.7973 0.80298 0.59018) |
| ProPhoto RGB | color(prophoto-rgb 0.72864 0.75777 0.55179) |
| 線形sRGB | color(srgb-linear 0.60383 0.61721 0.30054) |
| XYZ D65 | color(xyz-d65 0.52396 0.5915 0.37092) |
| XYZ D50 | color(xyz-d50 0.54403 0.59503 0.28295) |
| SwiftUI | Color(red: 0.8, green: 0.808, blue: 0.584) |
| UIKit | UIColor(red: 0.8, green: 0.808, blue: 0.584, alpha: 1) |
| Flutter / Compose | Color(0xFFCCCE95) |
| Android XML | #CCCE95 |

## 基本情報

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

## ティント

#ccce95, #d1d3a0, #d6d8aa, #dbddb5, #e0e2c0, #e5e7ca, #eaebd5, #eff0df, #f5f5ea, #fafaf4

## シェード

#ccce95, #b1b381, #97986d, #7e7f5a, #656648, #4e4e37, #373826, #222316, #0f0f08, #020201

## トーン

#ccce95, #ccce9b, #cbcda0, #cbcda6, #cbccab, #caccb0, #cacbb5, #cacbba, #cacabf, #c9cac4

## カラーハーモニー

- 補色: #ccce95, #c8c2f8
- 分裂補色: #ccce95, #adcbfb, #dfbae8
- 類似色: #ccce95, #e3c492, #b0d6a7
- トライアド: #ccce95, #96d3f1, #f0b6d0
- テトラード: #ccce95, #98dac1, #c8c2f8, #f0b6d0
- スクエア: #ccce95, #8dd9dc, #c8c2f8, #f7b6b5
- モノクロマティック: #ccce95, #82834d, #a6a870, #f3f6bb, #f8fac0

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

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

#ccce95 はパステル調の 明るい黄色です。最も近い名前のある色はパステル調の 明るい黄色です。RGBでは rgb(204, 206, 149)、HSLでは hsl(62.11, 36.77%, 69.61%)、OKLCHでは oklch(83.599% 0.07514 109.604) です。

### #ccce95 に合う色は？

#ccce95 の補色は #c8c2f8 です。落ち着いた組み合わせにするなら、類似色の #e3c492 と #b0d6a7 を使いましょう。トライアドの組み合わせは #96d3f1 と #f0b6d0 です。

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

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

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

#ccce95 はニュートラルの色です。OKLCHでは色相 110度、明度 83.6%、クロマ 0.075 です。