# カラーコード #caae43：鮮やかな 明るい黄色

#caae43 はRGBで rgb(202, 174, 67)、OKLCHで oklch(75.561% 0.12826 94.354) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #caae43 |
| RGB | rgb(202, 174, 67) |
| HSL | hsl(47.56, 56.02%, 52.75%) |
| HSB / HSV | hsv(47.56 66.83% 79.22%) |
| HWB | hwb(47.56 26.27% 20.78%) |
| CMYK | cmyk(0% 14% 67% 21%) |
| Lab | lab(72.11 1.79 56.57) |
| LCH | lch(72.11 56.6 88.19) |
| OKLab | oklab(75.561% -0.00974 0.12789) |
| OKLCH | oklch(75.561% 0.12826 94.354) |
| Display P3 | color(display-p3 0.77413 0.68637 0.3351) |
| Rec. 2020 | color(rec2020 0.71433 0.65315 0.2858) |
| Adobe RGB | color(a98-rgb 0.75752 0.67642 0.30083) |
| ProPhoto RGB | color(prophoto-rgb 0.64978 0.62521 0.29093) |
| 線形sRGB | color(srgb-linear 0.59062 0.42327 0.05613) |
| XYZ D65 | color(xyz-d65 0.40505 0.43235 0.11522) |
| XYZ D50 | color(xyz-d50 0.4286 0.43825 0.0894) |
| SwiftUI | Color(red: 0.792, green: 0.682, blue: 0.263) |
| UIKit | UIColor(red: 0.792, green: 0.682, blue: 0.263, alpha: 1) |
| Flutter / Compose | Color(0xFFCAAE43) |
| Android XML | #CAAE43 |

## 基本情報

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

## ティント

#caae43, #cfb65b, #d4be6f, #dac783, #dfcf95, #e4d7a7, #e9dfb9, #efe7cb, #f4efdc, #faf7ee

## シェード

#caae43, #af9739, #95802f, #7c6a26, #64551d, #4d4114, #372e0c, #221c05, #0f0b01, #020100

## トーン

#caae43, #c7ae53, #c5af60, #c2af6c, #bfaf77, #bdb081, #bab08b, #b7b095, #b5b09e, #b2b0a7

## カラーハーモニー

- 補色: #caae43, #97a9ff
- 分裂補色: #caae43, #62b8fb, #c29af1
- 類似色: #caae43, #e89d51, #9ebd5e
- トライアド: #caae43, #20c4e1, #e190d1
- テトラード: #caae43, #66c78a, #97a9ff, #e190d1
- スクエア: #caae43, #22cab9, #97a9ff, #f38ba6
- モノクロマティック: #caae43, #7f6500, #a4890a, #f1d56c, #fff59c

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

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

#caae43 は鮮やかな 明るい黄色です。最も近い名前のある色は鮮やかな 明るい黄色です。RGBでは rgb(202, 174, 67)、HSLでは hsl(47.56, 56.02%, 52.75%)、OKLCHでは oklch(75.561% 0.12826 94.354) です。

### #caae43 に合う色は？

#caae43 の補色は #97a9ff です。落ち着いた組み合わせにするなら、類似色の #e89d51 と #9ebd5e を使いましょう。トライアドの組み合わせは #20c4e1 と #e190d1 です。

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

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

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

#caae43 は暖色系の色です。OKLCHでは色相 94度、明度 75.6%、クロマ 0.128 です。