# カラーコード #ccc07f：やわらかな 明るい黄色

#ccc07f はRGBで rgb(204, 192, 127)、OKLCHで oklch(80.27% 0.08548 99.029) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ccc07f |
| RGB | rgb(204, 192, 127) |
| HSL | hsl(50.65, 43.02%, 64.9%) |
| HSB / HSV | hsv(50.65 37.75% 80%) |
| HWB | hwb(50.65 49.8% 20%) |
| CMYK | cmyk(0% 6% 38% 20%) |
| Lab | lab(77.58 -2.58 34.38) |
| LCH | lch(77.58 34.48 94.29) |
| OKLab | oklab(80.27% -0.01341 0.08442) |
| OKLCH | oklch(80.27% 0.08548 99.029) |
| Display P3 | color(display-p3 0.79191 0.75457 0.52884) |
| Rec. 2020 | color(rec2020 0.74863 0.726 0.48593) |
| Adobe RGB | color(a98-rgb 0.78181 0.74739 0.50769) |
| ProPhoto RGB | color(prophoto-rgb 0.69795 0.69968 0.46896) |
| 線形sRGB | color(srgb-linear 0.60383 0.52712 0.21223) |
| XYZ D65 | color(xyz-d65 0.4758 0.52069 0.27623) |
| XYZ D50 | color(xyz-d50 0.49669 0.52509 0.21113) |
| SwiftUI | Color(red: 0.8, green: 0.753, blue: 0.498) |
| UIKit | UIColor(red: 0.8, green: 0.753, blue: 0.498, alpha: 1) |
| Flutter / Compose | Color(0xFFCCC07F) |
| Android XML | #CCC07F |

## 基本情報

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

## ティント

#ccc07f, #d1c68c, #d6cd99, #dbd3a6, #e0d9b3, #e5e0c0, #eae6cc, #efecd9, #f5f2e6, #faf9f2

## シェード

#ccc07f, #b1a76e, #978e5d, #7e764c, #655f3c, #4e492d, #37341f, #222011, #0f0e06, #020201

## トーン

#ccc07f, #cbc086, #c9c08d, #c8c094, #c6c09a, #c5c0a0, #c4bfa7, #c2bfad, #c1bfb3, #c0bfb9

## カラーハーモニー

- 補色: #ccc07f, #b2b9f6
- 分裂補色: #ccc07f, #94c4f4, #cfb0e9
- 類似色: #ccc07f, #e3b582, #aeca8f
- トライアド: #ccc07f, #7ccce4, #e4a9d1
- テトラード: #ccc07f, #8ed0ab, #b2b9f6, #e4a9d1
- スクエア: #ccc07f, #79d1ca, #b2b9f6, #f0a8b3
- モノクロマティック: #ccc07f, #827636, #a69a5a, #f3e7a5, #fff7b4

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

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

#ccc07f はやわらかな 明るい黄色です。最も近い名前のある色はやわらかな 明るい黄色です。RGBでは rgb(204, 192, 127)、HSLでは hsl(50.65, 43.02%, 64.9%)、OKLCHでは oklch(80.27% 0.08548 99.029) です。

### #ccc07f に合う色は？

#ccc07f の補色は #b2b9f6 です。落ち着いた組み合わせにするなら、類似色の #e3b582 と #aeca8f を使いましょう。トライアドの組み合わせは #7ccce4 と #e4a9d1 です。

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

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

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

#ccc07f は暖色系の色です。OKLCHでは色相 99度、明度 80.3%、クロマ 0.085 です。