# カラーコード #bb8a7c：スモーキーな 赤

#bb8a7c はRGBで rgb(187, 138, 124)、OKLCHで oklch(67.723% 0.06381 36.556) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #bb8a7c |
| RGB | rgb(187, 138, 124) |
| HSL | hsl(13.33, 31.66%, 60.98%) |
| HSB / HSV | hsv(13.33 33.69% 73.33%) |
| HWB | hwb(13.33 48.63% 26.67%) |
| CMYK | cmyk(0% 26% 34% 27%) |
| Lab | lab(62.08 17.85 15.23) |
| LCH | lch(62.08 23.47 40.47) |
| OKLab | oklab(67.723% 0.05126 0.03801) |
| OKLCH | oklch(67.723% 0.06381 36.556) |
| Display P3 | color(display-p3 0.70409 0.54898 0.49606) |
| Rec. 2020 | color(rec2020 0.63198 0.5109 0.44655) |
| Adobe RGB | color(a98-rgb 0.67969 0.5364 0.48508) |
| ProPhoto RGB | color(prophoto-rgb 0.58012 0.48964 0.42322) |
| 線形sRGB | color(srgb-linear 0.49693 0.25415 0.20156) |
| XYZ D65 | color(xyz-d65 0.33219 0.30198 0.23149) |
| XYZ D50 | color(xyz-d50 0.34342 0.30498 0.17552) |
| SwiftUI | Color(red: 0.733, green: 0.541, blue: 0.486) |
| UIKit | UIColor(red: 0.733, green: 0.541, blue: 0.486, alpha: 1) |
| Flutter / Compose | Color(0xFFBB8A7C) |
| Android XML | #BB8A7C |

## 基本情報

- 最も近い色名: スモーキーな 赤
- 色相の系統: 赤, スモーキーな 赤
- 最も近いTailwindクラス: taupe-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.98:1
- 黒とのコントラスト: 7.04:1

## ティント

#bb8a7c, #c29588, #c9a195, #d0aca2, #d7b8af, #dec3bc, #e5cfc9, #ebdbd6, #f2e7e4, #f8f3f1

## シェード

#bb8a7c, #a2776b, #8a655a, #73534a, #5c423b, #46322c, #32221e, #1f1411, #0d0705, #020101

## トーン

#bb8a7c, #b88b7f, #b48d82, #b18e84, #ad9087, #aa918a, #a6928d, #a3948f, #9f9592, #9b9695

## カラーハーモニー

- 補色: #bb8a7c, #68a2b1
- 分裂補色: #bb8a7c, #68a59e, #779cbd
- 類似色: #bb8a7c, #ba8791, #b3906d
- トライアド: #bb8a7c, #77a487, #8d94bf
- テトラード: #bb8a7c, #a3986a, #68a2b1, #8d94bf
- スクエア: #bb8a7c, #8d9f74, #68a2b1, #a18eb7
- モノクロマティック: #bb8a7c, #704539, #956759, #e2afa0, #ffd6c6

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

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

#bb8a7c はスモーキーな 赤です。最も近い名前のある色はスモーキーな 赤です。RGBでは rgb(187, 138, 124)、HSLでは hsl(13.33, 31.66%, 60.98%)、OKLCHでは oklch(67.723% 0.06381 36.556) です。

### #bb8a7c に合う色は？

#bb8a7c の補色は #68a2b1 です。落ち着いた組み合わせにするなら、類似色の #ba8791 と #b3906d を使いましょう。トライアドの組み合わせは #77a487 と #8d94bf です。

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

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

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

#bb8a7c は暖色系の色です。OKLCHでは色相 37度、明度 67.7%、クロマ 0.064 です。