# カラーコード #ad5347：やわらかな 赤

#ad5347 はRGBで rgb(173, 83, 71)、OKLCHで oklch(55.109% 0.12039 29.281) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ad5347 |
| RGB | rgb(173, 83, 71) |
| HSL | hsl(7.06, 41.8%, 47.84%) |
| HSB / HSV | hsv(7.06 58.96% 67.84%) |
| HWB | hwb(7.06 27.84% 32.16%) |
| CMYK | cmyk(0% 52% 59% 32%) |
| Lab | lab(46.82 36.85 25.19) |
| LCH | lch(46.82 44.64 34.36) |
| OKLab | oklab(55.109% 0.105 0.05888) |
| OKLCH | oklch(55.109% 0.12039 29.281) |
| Display P3 | color(display-p3 0.6335 0.34495 0.29497) |
| Rec. 2020 | color(rec2020 0.5338 0.30639 0.23481) |
| Adobe RGB | color(a98-rgb 0.59858 0.32859 0.28648) |
| ProPhoto RGB | color(prophoto-rgb 0.47171 0.30568 0.23141) |
| 線形sRGB | color(srgb-linear 0.41789 0.0865 0.06301) |
| XYZ D65 | color(xyz-d65 0.21464 0.15527 0.07828) |
| XYZ D50 | color(xyz-d50 0.22456 0.15881 0.05921) |
| SwiftUI | Color(red: 0.678, green: 0.325, blue: 0.278) |
| UIKit | UIColor(red: 0.678, green: 0.325, blue: 0.278, alpha: 1) |
| Flutter / Compose | Color(0xFFAD5347) |
| Android XML | #AD5347 |

## 基本情報

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

## ティント

#ad5347, #b76458, #c0756a, #c9867c, #d2978e, #daa8a0, #e2b9b2, #eacac5, #f1dcd8, #f8edeb

## シェード

#ad5347, #96473d, #7f3b32, #6a3028, #55251f, #411b16, #2d110d, #1b0806, #0b0202, #010000

## トーン

#ad5347, #a8574c, #a35b50, #9d5e55, #986259, #92655d, #8c6862, #866a66, #7f6d6a, #796f6e

## カラーハーモニー

- 補色: #ad5347, #008396
- 分裂補色: #ad5347, #008874, #107ab0
- 類似色: #ad5347, #a95070, #a45e18
- トライアド: #ad5347, #358549, #566db8
- テトラード: #ad5347, #8e6d00, #008396, #566db8
- スクエア: #ad5347, #6a7b18, #008396, #7c60ae
- モノクロマティック: #ad5347, #5f0704, #863026, #d57769, #ff9c8e

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

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

#ad5347 はやわらかな 赤です。最も近い名前のある色はやわらかな 赤です。RGBでは rgb(173, 83, 71)、HSLでは hsl(7.06, 41.8%, 47.84%)、OKLCHでは oklch(55.109% 0.12039 29.281) です。

### #ad5347 に合う色は？

#ad5347 の補色は #008396 です。落ち着いた組み合わせにするなら、類似色の #a95070 と #a45e18 を使いましょう。トライアドの組み合わせは #358549 と #566db8 です。

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

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

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

#ad5347 は暖色系の色です。OKLCHでは色相 29度、明度 55.1%、クロマ 0.12 です。