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

#c19a0a はRGBで rgb(193, 154, 10)、OKLCHで oklch(70.232% 0.14176 90.25) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #c19a0a |
| RGB | rgb(193, 154, 10) |
| HSL | hsl(47.21, 90.15%, 39.8%) |
| HSB / HSV | hsv(47.21 94.82% 75.69%) |
| HWB | hwb(47.21 3.92% 24.31%) |
| CMYK | cmyk(0% 20% 95% 24%) |
| Lab | lab(65.79 6.64 67.51) |
| LCH | lch(65.79 67.83 84.38) |
| OKLab | oklab(70.232% -0.00062 0.14176) |
| OKLCH | oklch(70.232% 0.14176 90.25) |
| Display P3 | color(display-p3 0.7327 0.60981 0.20682) |
| Rec. 2020 | color(rec2020 0.66132 0.57185 0.15866) |
| Adobe RGB | color(a98-rgb 0.71175 0.5983 0.15346) |
| ProPhoto RGB | color(prophoto-rgb 0.59213 0.54449 0.18858) |
| 線形sRGB | color(srgb-linear 0.53328 0.32314 0.00304) |
| XYZ D65 | color(xyz-d65 0.33602 0.34472 0.05171) |
| XYZ D50 | color(xyz-d50 0.35744 0.35049 0.04096) |
| SwiftUI | Color(red: 0.757, green: 0.604, blue: 0.039) |
| UIKit | UIColor(red: 0.757, green: 0.604, blue: 0.039, alpha: 1) |
| Flutter / Compose | Color(0xFFC19A0A) |
| Android XML | #C19A0A |

## 基本情報

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

## ティント

#c19a0a, #c7a43b, #cdae56, #d4b96e, #dac384, #e0cd99, #e6d7ae, #ece1c2, #f2ebd6, #f9f5eb

## シェード

#c19a0a, #a78507, #8f7105, #775e03, #5f4b02, #493901, #342701, #201700, #0e0900, #020100

## トーン

#c19a0a, #be9b2f, #ba9c43, #b79d52, #b39d5f, #b09e6c, #ad9e77, #a99f81, #a69f8c, #a29f95

## カラーハーモニー

- 補色: #c19a0a, #7e99f7
- 分裂補色: #c19a0a, #36a9ee, #ad89e9
- 類似色: #c19a0a, #de8734, #94ac38
- トライアド: #c19a0a, #00b5d0, #d07cc8
- テトラード: #c19a0a, #53b76f, #7e99f7, #d07cc8
- スクエア: #c19a0a, #00bba3, #7e99f7, #e5769b
- モノクロマティック: #c19a0a, #715400, #9a7500, #e8c048, #ffe982

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

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

#c19a0a は鮮やかな 明るい黄色です。最も近い名前のある色は鮮やかな 明るい黄色です。RGBでは rgb(193, 154, 10)、HSLでは hsl(47.21, 90.15%, 39.8%)、OKLCHでは oklch(70.232% 0.14176 90.25) です。

### #c19a0a に合う色は？

#c19a0a の補色は #7e99f7 です。落ち着いた組み合わせにするなら、類似色の #de8734 と #94ac38 を使いましょう。トライアドの組み合わせは #00b5d0 と #d07cc8 です。

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

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

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

#c19a0a は暖色系の色です。OKLCHでは色相 90度、明度 70.2%、クロマ 0.142 です。