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

#96554f はRGBで rgb(150, 85, 79)、OKLCHで oklch(52.357% 0.08749 26.059) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/96554f

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #96554f |
| RGB | rgb(150, 85, 79) |
| HSL | hsl(5.07, 31%, 44.9%) |
| HSB / HSV | hsv(5.07 47.33% 58.82%) |
| HWB | hwb(5.07 30.98% 41.18%) |
| CMYK | cmyk(0% 43% 47% 41%) |
| Lab | lab(43.9 27.1 15.87) |
| LCH | lch(43.9 31.41 30.34) |
| OKLab | oklab(52.357% 0.0786 0.03844) |
| OKLCH | oklch(52.357% 0.08749 26.059) |
| Display P3 | color(display-p3 0.55352 0.34572 0.31896) |
| Rec. 2020 | color(rec2020 0.46213 0.30025 0.25941) |
| Adobe RGB | color(a98-rgb 0.52654 0.33599 0.31478) |
| ProPhoto RGB | color(prophoto-rgb 0.41169 0.29568 0.25174) |
| 線形sRGB | color(srgb-linear 0.30499 0.09084 0.07819) |
| XYZ D65 | color(xyz-d65 0.17237 0.13546 0.09104) |
| XYZ D50 | color(xyz-d50 0.17917 0.13772 0.0689) |
| SwiftUI | Color(red: 0.588, green: 0.333, blue: 0.31) |
| UIKit | UIColor(red: 0.588, green: 0.333, blue: 0.31, alpha: 1) |
| Flutter / Compose | Color(0xFF96554F) |
| Android XML | #96554F |

## 基本情報

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

## ティント

#96554f, #a1655f, #ac7670, #b78681, #c29792, #cca8a3, #d7b9b5, #e1cac7, #ebdbd9, #f5edec

## シェード

#96554f, #824944, #6e3d38, #5b312e, #492623, #371c19, #261110, #160807, #080202, #010000

## トーン

#96554f, #925852, #8e5a55, #8a5c57, #865e5a, #82615d, #7d635f, #796462, #746665, #6f6867

## カラーハーモニー

- 補色: #96554f, #0a7883
- 分裂補色: #96554f, #207a68, #307196
- 類似色: #96554f, #92546b, #905c35
- トライアド: #96554f, #47774b, #52689d
- テトラード: #96554f, #806627, #0a7883, #52689d
- スクエア: #96554f, #677031, #0a7883, #6f5f97
- モノクロマティック: #96554f, #4c1211, #71332f, #bd7871, #e59d95

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

### #96554f は何色ですか？

#96554f はやわらかな 赤です。最も近い名前のある色はやわらかな 赤です。RGBでは rgb(150, 85, 79)、HSLでは hsl(5.07, 31%, 44.9%)、OKLCHでは oklch(52.357% 0.08749 26.059) です。

### #96554f に合う色は？

#96554f の補色は #0a7883 です。落ち着いた組み合わせにするなら、類似色の #92546b と #905c35 を使いましょう。トライアドの組み合わせは #47774b と #52689d です。

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

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

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

#96554f は暖色系の色です。OKLCHでは色相 26度、明度 52.4%、クロマ 0.087 です。