# カラーコード #ad613c：やわらかな 茶色

#ad613c はRGBで rgb(173, 97, 60)、OKLCHで oklch(57.238% 0.11117 45.703) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/ad613c

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ad613c |
| RGB | rgb(173, 97, 60) |
| HSL | hsl(19.65, 48.5%, 45.69%) |
| HSB / HSV | hsv(19.65 65.32% 67.84%) |
| HWB | hwb(19.65 23.53% 32.16%) |
| CMYK | cmyk(0% 44% 65% 32%) |
| Lab | lab(49.67 29.15 34.82) |
| LCH | lch(49.67 45.41 50.07) |
| OKLab | oklab(57.238% 0.07764 0.07957) |
| OKLCH | oklch(57.238% 0.11117 45.703) |
| Display P3 | color(display-p3 0.63816 0.39507 0.26464) |
| Rec. 2020 | color(rec2020 0.54352 0.3535 0.20557) |
| Adobe RGB | color(a98-rgb 0.60644 0.38066 0.25198) |
| ProPhoto RGB | color(prophoto-rgb 0.48016 0.34439 0.20994) |
| 線形sRGB | color(srgb-linear 0.41789 0.11954 0.04519) |
| XYZ D65 | color(xyz-d65 0.22323 0.17761 0.06528) |
| XYZ D50 | color(xyz-d50 0.23473 0.18141 0.04969) |
| SwiftUI | Color(red: 0.678, green: 0.38, blue: 0.235) |
| UIKit | UIColor(red: 0.678, green: 0.38, blue: 0.235, alpha: 1) |
| Flutter / Compose | Color(0xFFAD613C) |
| Android XML | #AD613C |

## 基本情報

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

## ティント

#ad613c, #b67150, #bf8063, #c89076, #d09f89, #d9af9c, #e1bfaf, #e9cfc3, #f0dfd7, #f8efeb

## シェード

#ad613c, #965333, #7f462a, #6a3921, #552d19, #412111, #2d150a, #1b0b04, #0b0301, #010000

## トーン

#ad613c, #a86443, #a3674a, #9f6951, #9a6c57, #946e5d, #8f7062, #8a7268, #84746d, #7e7673

## カラーハーモニー

- 補色: #ad613c, #0085aa
- 分裂補色: #ad613c, #008c8d, #4979b8
- 類似色: #ad613c, #b05a62, #9d6e1a
- トライアド: #ad613c, #1d8c68, #736db6
- テトラード: #ad613c, #817b1d, #0085aa, #736db6
- スクエア: #ad613c, #598741, #0085aa, #9162a4
- モノクロマティック: #ad613c, #611b00, #863e17, #d58560, #feab84

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

### #ad613c は何色ですか？

#ad613c はやわらかな 茶色です。最も近い名前のある色はやわらかな 茶色です。RGBでは rgb(173, 97, 60)、HSLでは hsl(19.65, 48.5%, 45.69%)、OKLCHでは oklch(57.238% 0.11117 45.703) です。

### #ad613c に合う色は？

#ad613c の補色は #0085aa です。落ち着いた組み合わせにするなら、類似色の #b05a62 と #9d6e1a を使いましょう。トライアドの組み合わせは #1d8c68 と #736db6 です。

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

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

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

#ad613c は暖色系の色です。OKLCHでは色相 46度、明度 57.2%、クロマ 0.111 です。