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

#cdc253 はRGBで rgb(205, 194, 83)、OKLCHで oklch(80.171% 0.13223 103.663) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #cdc253 |
| RGB | rgb(205, 194, 83) |
| HSL | hsl(54.59, 54.95%, 56.47%) |
| HSB / HSV | hsv(54.59 59.51% 80.39%) |
| HWB | hwb(54.59 32.55% 19.61%) |
| CMYK | cmyk(0% 5% 60% 20%) |
| Lab | lab(77.75 -6.07 55.69) |
| LCH | lch(77.75 56.02 96.22) |
| OKLab | oklab(80.171% -0.03123 0.12849) |
| OKLCH | oklch(80.171% 0.13223 103.663) |
| Display P3 | color(display-p3 0.79649 0.76227 0.39334) |
| Rec. 2020 | color(rec2020 0.75054 0.73327 0.34708) |
| Adobe RGB | color(a98-rgb 0.78685 0.75531 0.35909) |
| ProPhoto RGB | color(prophoto-rgb 0.69046 0.70551 0.3468) |
| 線形sRGB | color(srgb-linear 0.6105 0.53948 0.0865) |
| XYZ D65 | color(xyz-d65 0.46028 0.52188 0.15833) |
| XYZ D50 | color(xyz-d50 0.48637 0.52782 0.12264) |
| SwiftUI | Color(red: 0.804, green: 0.761, blue: 0.325) |
| UIKit | UIColor(red: 0.804, green: 0.761, blue: 0.325, alpha: 1) |
| Flutter / Compose | Color(0xFFCDC253) |
| Android XML | #CDC253 |

## 基本情報

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

## ティント

#cdc253, #d2c868, #d7cf7b, #dbd58d, #e0db9e, #e5e1ae, #eae7bf, #efedcf, #f5f3df, #faf9ef

## シェード

#cdc253, #b2a847, #988f3b, #7e7730, #666025, #4e491b, #383411, #232008, #0f0e02, #020200

## トーン

#cdc253, #cbc261, #cac26e, #c8c27a, #c7c185, #c5c18f, #c4c099, #c2c0a3, #c1bfac, #bfbfb5

## カラーハーモニー

- 補色: #cdc253, #b4b3ff
- 分裂補色: #cdc253, #84c2ff, #dda4fa
- 類似色: #cdc253, #f1b053, #9bd176
- トライアド: #cdc253, #43d0fd, #fa9bd4
- テトラード: #cdc253, #5fd9a7, #b4b3ff, #fa9bd4
- スクエア: #cdc253, #24d8d7, #b4b3ff, #ff99a5
- モノクロマティック: #cdc253, #837700, #a79c25, #f4e97c, #fffa8c

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

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

#cdc253 は鮮やかな 明るい黄色です。最も近い名前のある色は鮮やかな 明るい黄色です。RGBでは rgb(205, 194, 83)、HSLでは hsl(54.59, 54.95%, 56.47%)、OKLCHでは oklch(80.171% 0.13223 103.663) です。

### #cdc253 に合う色は？

#cdc253 の補色は #b4b3ff です。落ち着いた組み合わせにするなら、類似色の #f1b053 と #9bd176 を使いましょう。トライアドの組み合わせは #43d0fd と #fa9bd4 です。

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

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

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

#cdc253 はニュートラルの色です。OKLCHでは色相 104度、明度 80.2%、クロマ 0.132 です。