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

#402c19 はRGBで rgb(64, 44, 25)、OKLCHで oklch(31.185% 0.04258 63.746) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## フォーマット

| フォーマット | 値 |
| --- | --- |
| HEX | #402c19 |
| RGB | rgb(64, 44, 25) |
| HSL | hsl(29.23, 43.82%, 17.45%) |
| HSB / HSV | hsv(29.23 60.94% 25.1%) |
| HWB | hwb(29.23 9.8% 74.9%) |
| CMYK | cmyk(0% 31% 61% 75%) |
| Lab | lab(20.06 7.61 16.09) |
| LCH | lch(20.06 17.8 64.68) |
| OKLab | oklab(31.185% 0.01884 0.03819) |
| OKLCH | oklch(31.185% 0.04258 63.746) |
| Display P3 | color(display-p3 0.23915 0.17578 0.10944) |
| Rec. 2020 | color(rec2020 0.1615 0.11641 0.05294) |
| Adobe RGB | color(a98-rgb 0.24124 0.1875 0.12518) |
| ProPhoto RGB | color(prophoto-rgb 0.15972 0.13532 0.08664) |
| 線形sRGB | color(srgb-linear 0.05127 0.02519 0.00972) |
| XYZ D65 | color(xyz-d65 0.0319 0.02962 0.01323) |
| XYZ D50 | color(xyz-d50 0.03345 0.03005 0.0101) |
| SwiftUI | Color(red: 0.251, green: 0.173, blue: 0.098) |
| UIKit | UIColor(red: 0.251, green: 0.173, blue: 0.098, alpha: 1) |
| Flutter / Compose | Color(0xFF402C19) |
| Android XML | #402C19 |

## 基本情報

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

## ティント

#402c19, #513e2d, #635142, #756557, #887a6d, #9b8e84, #aea49b, #c2bab3, #d6d1cc, #eae8e5

## シェード

#402c19, #362514, #2d1e10, #24170b, #1b1107, #130a04, #0b0502, #050201, #010100, #000000

## トーン

#402c19, #3f2d1c, #3d2d1e, #3c2e21, #3a2e23, #392f26, #372f28, #36302a, #34302c, #32302f

## 配色

- 補色: #402c19, #1d3345
- 分裂補色: #402c19, #13363e, #2a2f46
- 類似色: #402c19, #442922, #383016
- トライアド: #402c19, #133833, #352b42
- テトラード: #402c19, #2c341c, #1d3345, #352b42
- スクエア: #402c19, #1f3727, #1d3345, #3e293a
- モノクロマティック: #402c19, #100200, #210f00, #614b38, #846d58

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

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

#402c19 はやわらかな 暗い茶色です。最も近い名前のある色はやわらかな 暗い茶色です。RGBでは rgb(64, 44, 25)、HSLでは hsl(29.23, 43.82%, 17.45%)、OKLCHでは oklch(31.185% 0.04258 63.746) です。

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

#402c19 の補色は #1d3345 です。落ち着いた組み合わせにするなら、類似色の #442922 と #383016 を使いましょう。トライアドの組み合わせは #133833 と #352b42 です。

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

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

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

#402c19 は暖色系の色です。OKLCHでは色相 64度、明度 31.2%、クロマ 0.043 です。