# カラーコード #3a2014：やわらかな ごく暗い茶色

#3a2014 はRGBで rgb(58, 32, 20)、OKLCHで oklch(27.484% 0.04552 45.151) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/3a2014

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #3a2014 |
| RGB | rgb(58, 32, 20) |
| HSL | hsl(18.95, 48.72%, 15.29%) |
| HSB / HSV | hsv(18.95 65.52% 22.75%) |
| HWB | hwb(18.95 7.84% 77.25%) |
| CMYK | cmyk(0% 45% 66% 77%) |
| Lab | lab(15.59 11.86 13.69) |
| LCH | lch(15.59 18.11 49.1) |
| OKLab | oklab(27.484% 0.0321 0.03227) |
| OKLCH | oklch(27.484% 0.04552 45.151) |
| Display P3 | color(display-p3 0.21319 0.13022 0.08711) |
| Rec. 2020 | color(rec2020 0.13298 0.07328 0.03703) |
| Adobe RGB | color(a98-rgb 0.21598 0.14561 0.10678) |
| ProPhoto RGB | color(prophoto-rgb 0.13758 0.10389 0.07059) |
| 線形sRGB | color(srgb-linear 0.04231 0.01444 0.007) |
| XYZ D65 | color(xyz-d65 0.02388 0.01983 0.00919) |
| XYZ D50 | color(xyz-d50 0.02501 0.02019 0.00699) |
| SwiftUI | Color(red: 0.227, green: 0.125, blue: 0.078) |
| UIKit | UIColor(red: 0.227, green: 0.125, blue: 0.078, alpha: 1) |
| Flutter / Compose | Color(0xFF3A2014) |
| Android XML | #3A2014 |

## 基本情報

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

## ティント

#3a2014, #4c3328, #5e473d, #715c52, #847169, #988780, #ac9e98, #c0b6b1, #d5ceca, #eae6e4

## シェード

#3a2014, #311a10, #28150c, #200f08, #180a05, #100603, #090301, #040101, #010000, #000000

## トーン

#3a2014, #382116, #372218, #35231a, #33231c, #31241e, #302520, #2e2622, #2c2624, #2a2726

## カラーハーモニー

- 補色: #3a2014, #082c38
- 分裂補色: #3a2014, #022e2f, #18283e
- 類似色: #3a2014, #3b1e20, #35240b
- トライアド: #3a2014, #0d2f22, #25243d
- テトラード: #3a2014, #2b290c, #082c38, #25243d
- スクエア: #3a2014, #1e2d15, #082c38, #302037
- モノクロマティック: #3a2014, #120100, #1b0500, #5b3f32, #7e6052

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

### #3a2014 は何色ですか？

#3a2014 はやわらかな ごく暗い茶色です。最も近い名前のある色はやわらかな ごく暗い茶色です。RGBでは rgb(58, 32, 20)、HSLでは hsl(18.95, 48.72%, 15.29%)、OKLCHでは oklch(27.484% 0.04552 45.151) です。

### #3a2014 に合う色は？

#3a2014 の補色は #082c38 です。落ち着いた組み合わせにするなら、類似色の #3b1e20 と #35240b を使いましょう。トライアドの組み合わせは #0d2f22 と #25243d です。

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

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

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

#3a2014 は暖色系の色です。OKLCHでは色相 45度、明度 27.5%、クロマ 0.046 です。