# カラーコード #453c19：やわらかな 暗い茶色

#453c19 はRGBで rgb(69, 60, 25)、OKLCHで oklch(35.702% 0.0533 95.123) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/453c19

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #453c19 |
| RGB | rgb(69, 60, 25) |
| HSL | hsl(47.73, 46.81%, 18.43%) |
| HSB / HSV | hsv(47.73 63.77% 27.06%) |
| HWB | hwb(47.73 9.8% 72.94%) |
| CMYK | cmyk(0% 13% 64% 73%) |
| Lab | lab(25.63 0.23 22.75) |
| LCH | lch(25.63 22.75 89.42) |
| OKLab | oklab(35.702% -0.00476 0.05309) |
| OKLCH | oklch(35.702% 0.0533 95.123) |
| Display P3 | color(display-p3 0.26472 0.23656 0.11851) |
| Rec. 2020 | color(rec2020 0.19292 0.17511 0.06146) |
| Adobe RGB | color(a98-rgb 0.26839 0.24458 0.12961) |
| ProPhoto RGB | color(prophoto-rgb 0.18461 0.17987 0.09603) |
| 線形sRGB | color(srgb-linear 0.05951 0.04519 0.00972) |
| XYZ D65 | color(xyz-d65 0.04245 0.04567 0.01578) |
| XYZ D50 | color(xyz-d50 0.04475 0.04622 0.01216) |
| SwiftUI | Color(red: 0.271, green: 0.235, blue: 0.098) |
| UIKit | UIColor(red: 0.271, green: 0.235, blue: 0.098, alpha: 1) |
| Flutter / Compose | Color(0xFF453C19) |
| Android XML | #453C19 |

## 基本情報

- 最も近い色名: やわらかな 暗い茶色
- 色相の系統: 茶色, やわらかな 暗い茶色
- 最も近いTailwindクラス: stone-700
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 10.98:1
- 黒とのコントラスト: 1.91:1

## ティント

#453c19, #554d2e, #675f43, #787259, #8a856f, #9d9886, #b0ac9d, #c3c0b5, #d7d5cd, #ebeae6

## シェード

#453c19, #3b3314, #312a10, #27210b, #1e1907, #151104, #0c0a02, #050401, #020100, #000000

## トーン

#453c19, #443c1d, #433c22, #423c25, #413c29, #413c2c, #403c30, #3f3c33, #3e3c36, #3d3c39

## カラーハーモニー

- 補色: #453c19, #343a58
- 分裂補色: #453c19, #233f57, #433553
- 類似色: #453c19, #50361d, #364121
- トライアド: #453c19, #13434e, #4e3147
- テトラード: #453c19, #244530, #343a58, #4e3147
- スクエア: #453c19, #134540, #343a58, #543038
- モノクロマティック: #453c19, #0a0500, #261e00, #665d39, #897f5b

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

### #453c19 は何色ですか？

#453c19 はやわらかな 暗い茶色です。最も近い名前のある色はやわらかな 暗い茶色です。RGBでは rgb(69, 60, 25)、HSLでは hsl(47.73, 46.81%, 18.43%)、OKLCHでは oklch(35.702% 0.0533 95.123) です。

### #453c19 に合う色は？

#453c19 の補色は #343a58 です。落ち着いた組み合わせにするなら、類似色の #50361d と #364121 を使いましょう。トライアドの組み合わせは #13434e と #4e3147 です。

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

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

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

#453c19 は暖色系の色です。OKLCHでは色相 95度、明度 35.7%、クロマ 0.053 です。