# カラーコード #645c19：深みのある 暗い黄色

#645c19 はRGBで rgb(100, 92, 25)、OKLCHで oklch(46.896% 0.08592 102.38) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## フォーマット

| フォーマット | 値 |
| --- | --- |
| HEX | #645c19 |
| RGB | rgb(100, 92, 25) |
| HSL | hsl(53.6, 60%, 24.51%) |
| HSB / HSV | hsv(53.6 75% 39.22%) |
| HWB | hwb(53.6 9.8% 60.78%) |
| CMYK | cmyk(0% 8% 75% 61%) |
| Lab | lab(38.84 -2.91 37.55) |
| LCH | lch(38.84 37.66 94.43) |
| OKLab | oklab(46.896% -0.01842 0.08392) |
| OKLCH | oklch(46.896% 0.08592 102.38) |
| Display P3 | color(display-p3 0.38681 0.36188 0.14634) |
| Rec. 2020 | color(rec2020 0.31707 0.30336 0.09066) |
| Adobe RGB | color(a98-rgb 0.38366 0.36199 0.14228) |
| ProPhoto RGB | color(prophoto-rgb 0.28461 0.28785 0.12345) |
| 線形sRGB | color(srgb-linear 0.12744 0.10702 0.00972) |
| XYZ D65 | color(xyz-d65 0.09258 0.10434 0.02446) |
| XYZ D50 | color(xyz-d50 0.09818 0.10567 0.01911) |
| SwiftUI | Color(red: 0.392, green: 0.361, blue: 0.098) |
| UIKit | UIColor(red: 0.392, green: 0.361, blue: 0.098, alpha: 1) |
| Flutter / Compose | Color(0xFF645C19) |
| Android XML | #645C19 |

## 基本情報

- 最も近い色名: 深みのある 暗い黄色
- 色相の系統: 黄色, 深みのある 暗い黄色
- 最も近いTailwindクラス: olive-600
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 6.8:1
- 黒とのコントラスト: 3.09:1

## ティント

#645c19, #726b33, #817b4a, #8f8a60, #9e9a76, #aeab8c, #bebba2, #ceccb9, #deddd0, #eeeee7

## シェード

#645c19, #564f14, #484210, #3b360b, #2e2a07, #221f04, #161402, #0b0a01, #030300, #000000

## トーン

#645c19, #635c23, #625c2b, #615c33, #605c39, #5f5c3f, #5e5c45, #5d5b4b, #5c5b50, #5b5b55

## 配色

- 補色: #645c19, #535489
- 分裂補色: #645c19, #355d89, #6b4c7d
- 類似色: #645c19, #78521b, #486530
- トライアド: #645c19, #04657d, #7b4668
- テトラード: #645c19, #22694c, #535489, #7b4668
- スクエア: #645c19, #006967, #535489, #83454d
- モノクロマティック: #645c19, #231d00, #433b00, #877f3f, #aba463

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

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

#645c19 は深みのある 暗い黄色です。最も近い名前のある色は深みのある 暗い黄色です。RGBでは rgb(100, 92, 25)、HSLでは hsl(53.6, 60%, 24.51%)、OKLCHでは oklch(46.896% 0.08592 102.38) です。

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

#645c19 の補色は #535489 です。落ち着いた組み合わせにするなら、類似色の #78521b と #486530 を使いましょう。トライアドの組み合わせは #04657d と #7b4668 です。

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

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

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

#645c19 はニュートラルの色です。OKLCHでは色相 102度、明度 46.9%、クロマ 0.086 です。