# カラーコード #bb8a77：スモーキーな オレンジ

#bb8a77 はRGBで rgb(187, 138, 119)、OKLCHで oklch(67.606% 0.06633 42.127) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #bb8a77 |
| RGB | rgb(187, 138, 119) |
| HSL | hsl(16.76, 33.33%, 60%) |
| HSB / HSV | hsv(16.76 36.36% 73.33%) |
| HWB | hwb(16.76 46.67% 26.67%) |
| CMYK | cmyk(0% 26% 36% 27%) |
| Lab | lab(61.99 17.39 17.91) |
| LCH | lch(61.99 24.97 45.84) |
| OKLab | oklab(67.606% 0.0492 0.0445) |
| OKLCH | oklch(67.606% 0.06633 42.127) |
| Display P3 | color(display-p3 0.70409 0.54898 0.4787) |
| Rec. 2020 | color(rec2020 0.63138 0.5107 0.42837) |
| Adobe RGB | color(a98-rgb 0.67969 0.5364 0.46694) |
| ProPhoto RGB | color(prophoto-rgb 0.57805 0.48917 0.40662) |
| 線形sRGB | color(srgb-linear 0.49693 0.25415 0.18447) |
| XYZ D65 | color(xyz-d65 0.32911 0.30075 0.21525) |
| XYZ D50 | color(xyz-d50 0.34098 0.30395 0.16333) |
| SwiftUI | Color(red: 0.733, green: 0.541, blue: 0.467) |
| UIKit | UIColor(red: 0.733, green: 0.541, blue: 0.467, alpha: 1) |
| Flutter / Compose | Color(0xFFBB8A77) |
| Android XML | #BB8A77 |

## 基本情報

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

## ティント

#bb8a77, #c29584, #c9a191, #d0ac9e, #d7b8ac, #dec3b9, #e5cfc7, #ebdbd5, #f2e7e3, #f8f3f1

## シェード

#bb8a77, #a27767, #8a6557, #735347, #5c4238, #46322a, #32221c, #1f1410, #0d0705, #020101

## トーン

#bb8a77, #b88b7a, #b48d7e, #b18e81, #ad9084, #aa9187, #a6928b, #a2938e, #9f9591, #9b9694

## カラーハーモニー

- 補色: #bb8a77, #68a1b5
- 分裂補色: #bb8a77, #64a4a2, #7a9abf
- 類似色: #bb8a77, #bc868c, #b19169
- トライアド: #bb8a77, #71a48b, #9093c0
- テトラード: #bb8a77, #9f9969, #68a1b5, #9093c0
- スクエア: #bb8a77, #88a076, #68a1b5, #a58cb5
- モノクロマティック: #bb8a77, #704534, #956654, #e2af9b, #ffd6c1

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

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

#bb8a77 はスモーキーな オレンジです。最も近い名前のある色はスモーキーな オレンジです。RGBでは rgb(187, 138, 119)、HSLでは hsl(16.76, 33.33%, 60%)、OKLCHでは oklch(67.606% 0.06633 42.127) です。

### #bb8a77 に合う色は？

#bb8a77 の補色は #68a1b5 です。落ち着いた組み合わせにするなら、類似色の #bc868c と #b19169 を使いましょう。トライアドの組み合わせは #71a48b と #9093c0 です。

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

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

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

#bb8a77 は暖色系の色です。OKLCHでは色相 42度、明度 67.6%、クロマ 0.066 です。