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

#cacf8a はRGBで rgb(202, 207, 138)、OKLCHで oklch(83.443% 0.09002 111.701) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #cacf8a |
| RGB | rgb(202, 207, 138) |
| HSL | hsl(64.35, 41.82%, 67.65%) |
| HSB / HSV | hsv(64.35 33.33% 81.18%) |
| HWB | hwb(64.35 54.12% 18.82%) |
| CMYK | cmyk(2% 0% 33% 19%) |
| Lab | lab(81.52 -9.68 33.75) |
| LCH | lch(81.52 35.11 106) |
| OKLab | oklab(83.443% -0.03328 0.08364) |
| OKLCH | oklch(83.443% 0.09002 111.701) |
| Display P3 | color(display-p3 0.79568 0.81112 0.57185) |
| Rec. 2020 | color(rec2020 0.76569 0.78559 0.53265) |
| Adobe RGB | color(a98-rgb 0.7928 0.80697 0.55078) |
| ProPhoto RGB | color(prophoto-rgb 0.72053 0.76005 0.51545) |
| 線形sRGB | color(srgb-linear 0.59062 0.62396 0.25415) |
| XYZ D65 | color(xyz-d65 0.51255 0.59017 0.32737) |
| XYZ D50 | color(xyz-d50 0.53423 0.59412 0.25029) |
| SwiftUI | Color(red: 0.792, green: 0.812, blue: 0.541) |
| UIKit | UIColor(red: 0.792, green: 0.812, blue: 0.541, alpha: 1) |
| Flutter / Compose | Color(0xFFCACF8A) |
| Android XML | #CACF8A |

## 基本情報

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

## ティント

#cacf8a, #cfd496, #d4d9a2, #d9deae, #dfe2ba, #e4e7c5, #e9ecd1, #eff1dc, #f4f6e8, #fafaf3

## シェード

#cacf8a, #afb477, #959965, #7c7f53, #646742, #4d4f32, #373822, #222314, #0f1007, #020201

## トーン

#cacf8a, #cace91, #cace98, #c9cd9e, #c9cda5, #c9ccab, #c9cbb1, #c9cbb7, #c9cabd, #c9c9c3

## カラーハーモニー

- 補色: #cacf8a, #c9bfff
- 分裂補色: #cacf8a, #a9caff, #e5b6ec
- 類似色: #cacf8a, #e6c384, #a8d8a2
- トライアド: #cacf8a, #8ad4f9, #f7b1cf
- テトラード: #cacf8a, #89dcc2, #c9bfff, #f7b1cf
- スクエア: #cacf8a, #7cdbe1, #c9bfff, #feb2af
- モノクロマティック: #cacf8a, #808441, #a4a965, #f1f7b0, #f6fcb5

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

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

#cacf8a はパステル調の 明るい黄色です。最も近い名前のある色はパステル調の 明るい黄色です。RGBでは rgb(202, 207, 138)、HSLでは hsl(64.35, 41.82%, 67.65%)、OKLCHでは oklch(83.443% 0.09002 111.701) です。

### #cacf8a に合う色は？

#cacf8a の補色は #c9bfff です。落ち着いた組み合わせにするなら、類似色の #e6c384 と #a8d8a2 を使いましょう。トライアドの組み合わせは #8ad4f9 と #f7b1cf です。

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

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

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

#cacf8a はニュートラルの色です。OKLCHでは色相 112度、明度 83.4%、クロマ 0.09 です。