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

#693b2d はRGBで rgb(105, 59, 45)、OKLCHで oklch(40.539% 0.06931 37.712) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/693b2d

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #693b2d |
| RGB | rgb(105, 59, 45) |
| HSL | hsl(14, 40%, 29.41%) |
| HSB / HSV | hsv(14 57.14% 41.18%) |
| HWB | hwb(14 17.65% 58.82%) |
| CMYK | cmyk(0% 44% 57% 59%) |
| Lab | lab(30.49 19.66 17.85) |
| LCH | lch(30.49 26.55 42.23) |
| OKLab | oklab(40.539% 0.05483 0.0424) |
| OKLCH | oklch(40.539% 0.06931 37.712) |
| Display P3 | color(display-p3 0.38701 0.24002 0.18795) |
| Rec. 2020 | color(rec2020 0.29798 0.18694 0.12646) |
| Adobe RGB | color(a98-rgb 0.37176 0.24098 0.1934) |
| ProPhoto RGB | color(prophoto-rgb 0.26709 0.19522 0.14318) |
| 線形sRGB | color(srgb-linear 0.14126 0.04374 0.02624) |
| XYZ D65 | color(xyz-d65 0.07863 0.06321 0.03289) |
| XYZ D50 | color(xyz-d50 0.0822 0.06437 0.02495) |
| SwiftUI | Color(red: 0.412, green: 0.231, blue: 0.176) |
| UIKit | UIColor(red: 0.412, green: 0.231, blue: 0.176, alpha: 1) |
| Flutter / Compose | Color(0xFF693B2D) |
| Android XML | #693B2D |

## 基本情報

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

## ティント

#693b2d, #784d40, #875f53, #967267, #a4857b, #b39890, #c2aca5, #d1c0bb, #e1d5d1, #f0eae8

## シェード

#693b2d, #5a3226, #4c291f, #3e2118, #311911, #24110b, #180906, #0c0402, #040101, #000000

## トーン

#693b2d, #663d30, #633e33, #604036, #5d4139, #5a433c, #57443e, #544541, #504744, #4d4846

## カラーハーモニー

- 補色: #693b2d, #095262
- 分裂補色: #693b2d, #045550, #284c6d
- 類似色: #693b2d, #693842, #62411b
- トライアド: #693b2d, #24543a, #40456e
- テトラード: #693b2d, #534917, #095262, #40456e
- スクエア: #693b2d, #3e5025, #095262, #533f66
- モノクロマティック: #693b2d, #250000, #461c0e, #8d5c4d, #b37f6f

## #693b2d についてのよくある質問

### #693b2d は何色ですか？

#693b2d はやわらかな 暗い茶色です。最も近い名前のある色はやわらかな 暗い茶色です。RGBでは rgb(105, 59, 45)、HSLでは hsl(14, 40%, 29.41%)、OKLCHでは oklch(40.539% 0.06931 37.712) です。

### #693b2d に合う色は？

#693b2d の補色は #095262 です。落ち着いた組み合わせにするなら、類似色の #693842 と #62411b を使いましょう。トライアドの組み合わせは #24543a と #40456e です。

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

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

### #693b2d は暖色と寒色のどちらですか？

#693b2d は暖色系の色です。OKLCHでは色相 38度、明度 40.5%、クロマ 0.069 です。