# カラーコード #bb7174：やわらかな ローズ

#bb7174 はRGBで rgb(187, 113, 116)、OKLCHで oklch(62.963% 0.09389 17.469) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #bb7174 |
| RGB | rgb(187, 113, 116) |
| HSL | hsl(357.57, 35.24%, 58.82%) |
| HSB / HSV | hsv(357.57 39.57% 73.33%) |
| HWB | hwb(357.57 44.31% 26.67%) |
| CMYK | cmyk(0% 40% 38% 27%) |
| Lab | lab(56.04 30.25 11.5) |
| LCH | lch(56.04 32.37 20.81) |
| OKLab | oklab(62.963% 0.08956 0.02819) |
| OKLCH | oklch(62.963% 0.09389 17.469) |
| Display P3 | color(display-p3 0.69296 0.45672 0.46071) |
| Rec. 2020 | color(rec2020 0.60663 0.4191 0.40769) |
| Adobe RGB | color(a98-rgb 0.66106 0.4409 0.45182) |
| ProPhoto RGB | color(prophoto-rgb 0.55104 0.40673 0.38448) |
| 線形sRGB | color(srgb-linear 0.49693 0.16513 0.17465) |
| XYZ D65 | color(xyz-d65 0.2955 0.23637 0.1953) |
| XYZ D50 | color(xyz-d50 0.30528 0.23953 0.14767) |
| SwiftUI | Color(red: 0.733, green: 0.443, blue: 0.455) |
| UIKit | UIColor(red: 0.733, green: 0.443, blue: 0.455, alpha: 1) |
| Flutter / Compose | Color(0xFFBB7174) |
| Android XML | #BB7174 |

## 基本情報

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

## ティント

#bb7174, #c37f81, #ca8d8e, #d19b9c, #d9a9a9, #dfb7b7, #e6c5c5, #edd3d3, #f3e2e2, #f9f0f0

## シェード

#bb7174, #a26164, #8a5254, #734345, #5c3537, #462729, #321a1b, #1f0e0f, #0d0405, #020101

## トーン

#bb7174, #b77476, #b27678, #ad797a, #a97c7c, #a47e7f, #9f8081, #9a8383, #948585, #8f8787

## カラーハーモニー

- 補色: #bb7174, #309a9d
- 分裂補色: #bb7174, #489b7e, #4194b5
- 類似色: #bb7174, #b37194, #b87756
- トライアド: #bb7174, #6d965e, #648bc2
- テトラード: #bb7174, #a98143, #309a9d, #648bc2
- スクエア: #bb7174, #8f8d46, #309a9d, #8680bf
- モノクロマティック: #bb7174, #6e2c32, #944e52, #e39598, #ffbcbe

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

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

#bb7174 はやわらかな ローズです。最も近い名前のある色はやわらかな ローズです。RGBでは rgb(187, 113, 116)、HSLでは hsl(357.57, 35.24%, 58.82%)、OKLCHでは oklch(62.963% 0.09389 17.469) です。

### #bb7174 に合う色は？

#bb7174 の補色は #309a9d です。落ち着いた組み合わせにするなら、類似色の #b37194 と #b87756 を使いましょう。トライアドの組み合わせは #6d965e と #648bc2 です。

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

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

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

#bb7174 は暖色系の色です。OKLCHでは色相 17度、明度 63%、クロマ 0.094 です。