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

#cccf80 はRGBで rgb(204, 207, 128)、OKLCHで oklch(83.433% 0.10133 110.277) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #cccf80 |
| RGB | rgb(204, 207, 128) |
| HSL | hsl(62.28, 45.14%, 65.69%) |
| HSB / HSV | hsv(62.28 38.16% 81.18%) |
| HWB | hwb(62.28 50.2% 18.82%) |
| CMYK | cmyk(1% 0% 38% 19%) |
| Lab | lab(81.55 -9.75 38.86) |
| LCH | lch(81.55 40.06 104.09) |
| OKLab | oklab(83.433% -0.03512 0.09505) |
| OKLCH | oklch(83.433% 0.10133 110.277) |
| Display P3 | color(display-p3 0.80211 0.81138 0.5391) |
| Rec. 2020 | color(rec2020 0.77007 0.7859 0.49836) |
| Adobe RGB | color(a98-rgb 0.79845 0.80697 0.51528) |
| ProPhoto RGB | color(prophoto-rgb 0.72169 0.76021 0.48358) |
| 線形sRGB | color(srgb-linear 0.60383 0.62396 0.21586) |
| XYZ D65 | color(xyz-d65 0.51109 0.59022 0.29123) |
| XYZ D50 | color(xyz-d50 0.53451 0.59474 0.22313) |
| SwiftUI | Color(red: 0.8, green: 0.812, blue: 0.502) |
| UIKit | UIColor(red: 0.8, green: 0.812, blue: 0.502, alpha: 1) |
| Flutter / Compose | Color(0xFFCCCF80) |
| Android XML | #CCCF80 |

## 基本情報

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

## ティント

#cccf80, #d1d48d, #d6d99b, #dbdea8, #e0e2b4, #e5e7c1, #eaeccd, #eff1da, #f4f6e6, #fafaf3

## シェード

#cccf80, #b1b46e, #97995d, #7e7f4d, #65673d, #4e4f2e, #37381f, #222312, #0f1006, #020201

## トーン

#cccf80, #cccf88, #cbce90, #cbcd98, #cacd9f, #cacca7, #caccae, #c9cbb5, #c9cabb, #c9c9c2

## カラーハーモニー

- 補色: #cccf80, #c8beff
- 分裂補色: #cccf80, #a3caff, #e7b3f2
- 類似色: #cccf80, #ebc27a, #a5d99b
- トライアド: #cccf80, #7fd5fe, #fcaed2
- テトラード: #cccf80, #80debf, #c8beff, #fcaed2
- スクエア: #cccf80, #6fdde3, #c8beff, #ffaead
- モノクロマティック: #cccf80, #828435, #a6a95b, #f3f7a6, #f8fcab

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

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

#cccf80 はパステル調の 明るい黄色です。最も近い名前のある色はパステル調の 明るい黄色です。RGBでは rgb(204, 207, 128)、HSLでは hsl(62.28, 45.14%, 65.69%)、OKLCHでは oklch(83.433% 0.10133 110.277) です。

### #cccf80 に合う色は？

#cccf80 の補色は #c8beff です。落ち着いた組み合わせにするなら、類似色の #ebc27a と #a5d99b を使いましょう。トライアドの組み合わせは #7fd5fe と #fcaed2 です。

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

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

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

#cccf80 はニュートラルの色です。OKLCHでは色相 110度、明度 83.4%、クロマ 0.101 です。