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

#503c19 はRGBで rgb(80, 60, 25)、OKLCHで oklch(37.018% 0.05769 79.33) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #503c19 |
| RGB | rgb(80, 60, 25) |
| HSL | hsl(38.18, 52.38%, 20.59%) |
| HSB / HSV | hsv(38.18 68.75% 31.37%) |
| HWB | hwb(38.18 9.8% 68.63%) |
| CMYK | cmyk(0% 25% 69% 69%) |
| Lab | lab(26.97 5.81 24.67) |
| LCH | lch(26.97 25.35 76.75) |
| OKLab | oklab(37.018% 0.01068 0.05669) |
| OKLCH | oklch(37.018% 0.05769 79.33) |
| Display P3 | color(display-p3 0.30153 0.23838 0.12044) |
| Rec. 2020 | color(rec2020 0.22341 0.17893 0.06299) |
| Adobe RGB | color(a98-rgb 0.2989 0.24458 0.12961) |
| ProPhoto RGB | color(prophoto-rgb 0.20706 0.18429 0.09729) |
| 線形sRGB | color(srgb-linear 0.08022 0.04519 0.00972) |
| XYZ D65 | color(xyz-d65 0.05099 0.05008 0.01618) |
| XYZ D50 | color(xyz-d50 0.05378 0.05083 0.01245) |
| SwiftUI | Color(red: 0.314, green: 0.235, blue: 0.098) |
| UIKit | UIColor(red: 0.314, green: 0.235, blue: 0.098, alpha: 1) |
| Flutter / Compose | Color(0xFF503C19) |
| Android XML | #503C19 |

## 基本情報

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

## ティント

#503c19, #604d2f, #705f44, #81725a, #928570, #a49886, #b5ac9d, #c7c0b5, #dad5cd, #eceae6

## シェード

#503c19, #443314, #392a10, #2e210b, #241907, #1a1104, #100a02, #070401, #020100, #000000

## トーン

#503c19, #4e3d1e, #4d3d23, #4b3d27, #4a3e2b, #483e2f, #463f32, #453f36, #433f39, #413f3c

## カラーハーモニー

- 補色: #503c19, #2d405e
- 分裂補色: #503c19, #194558, #3f3a5c
- 類似色: #503c19, #583623, #42421c
- トライアド: #503c19, #0d494b, #4d3653
- テトラード: #503c19, #2f4729, #2d405e, #4d3653
- スクエア: #503c19, #1a4a3b, #2d405e, #573344
- モノクロマティック: #503c19, #100500, #301e00, #725d3a, #96805c

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

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

#503c19 はやわらかな 暗い茶色です。最も近い名前のある色はやわらかな 暗い茶色です。RGBでは rgb(80, 60, 25)、HSLでは hsl(38.18, 52.38%, 20.59%)、OKLCHでは oklch(37.018% 0.05769 79.33) です。

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

#503c19 の補色は #2d405e です。落ち着いた組み合わせにするなら、類似色の #583623 と #42421c を使いましょう。トライアドの組み合わせは #0d494b と #4d3653 です。

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

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

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

#503c19 は暖色系の色です。OKLCHでは色相 79度、明度 37%、クロマ 0.058 です。