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

#cebb6c はRGBで rgb(206, 187, 108)、OKLCHで oklch(79.108% 0.10198 96.207) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #cebb6c |
| RGB | rgb(206, 187, 108) |
| HSL | hsl(48.37, 50%, 61.57%) |
| HSB / HSV | hsv(48.37 47.57% 80.78%) |
| HWB | hwb(48.37 42.35% 19.22%) |
| CMYK | cmyk(0% 9% 48% 19%) |
| Lab | lab(76.23 -0.74 42.32) |
| LCH | lch(76.23 42.33 91.01) |
| OKLab | oklab(79.108% -0.01103 0.10139) |
| OKLCH | oklch(79.108% 0.10198 96.207) |
| Display P3 | color(display-p3 0.79528 0.73597 0.465) |
| Rec. 2020 | color(rec2020 0.74574 0.70638 0.41908) |
| Adobe RGB | color(a98-rgb 0.7824 0.72762 0.43982) |
| ProPhoto RGB | color(prophoto-rgb 0.68928 0.67963 0.40745) |
| 線形sRGB | color(srgb-linear 0.61721 0.49693 0.14996) |
| XYZ D65 | color(xyz-d65 0.45929 0.49746 0.2137) |
| XYZ D50 | color(xyz-d50 0.48199 0.50266 0.16392) |
| SwiftUI | Color(red: 0.808, green: 0.733, blue: 0.424) |
| UIKit | UIColor(red: 0.808, green: 0.733, blue: 0.424, alpha: 1) |
| Flutter / Compose | Color(0xFFCEBB6C) |
| Android XML | #CEBB6C |

## 基本情報

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

## ティント

#cebb6c, #d3c27c, #d8c98b, #dcd09a, #e1d6a9, #e6ddb7, #ebe4c6, #f0ebd4, #f5f1e2, #faf8f1

## シェード

#cebb6c, #b3a25d, #988a4e, #7f7340, #665c32, #4e4625, #383219, #231f0d, #0f0d04, #020200

## トーン

#cebb6c, #ccbb75, #cabb7e, #c8bb87, #c6bb8f, #c4bb96, #c2bb9e, #c0bba5, #bebbad, #bdbbb4

## カラーハーモニー

- 補色: #cebb6c, #a9b5fc
- 分裂補色: #cebb6c, #83c1f9, #cbaaef
- 類似色: #cebb6c, #e8ae72, #aac77e
- トライアド: #cebb6c, #64cbe5, #e5a2d4
- テトラード: #cebb6c, #82cfa0, #a9b5fc, #e5a2d4
- スクエア: #cebb6c, #63d0c5, #a9b5fc, #f39fb1
- モノクロマティック: #cebb6c, #84711d, #a89546, #f5e292, #fff6a5

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

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

#cebb6c はやわらかな 明るい黄色です。最も近い名前のある色はやわらかな 明るい黄色です。RGBでは rgb(206, 187, 108)、HSLでは hsl(48.37, 50%, 61.57%)、OKLCHでは oklch(79.108% 0.10198 96.207) です。

### #cebb6c に合う色は？

#cebb6c の補色は #a9b5fc です。落ち着いた組み合わせにするなら、類似色の #e8ae72 と #aac77e を使いましょう。トライアドの組み合わせは #64cbe5 と #e5a2d4 です。

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

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

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

#cebb6c は暖色系の色です。OKLCHでは色相 96度、明度 79.1%、クロマ 0.102 です。