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

#b4606b はRGBで rgb(180, 96, 107)、OKLCHで oklch(58.976% 0.10879 12.664) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #b4606b |
| RGB | rgb(180, 96, 107) |
| HSL | hsl(352.14, 35.9%, 54.12%) |
| HSB / HSV | hsv(352.14 46.67% 70.59%) |
| HWB | hwb(352.14 37.65% 29.41%) |
| CMYK | cmyk(0% 47% 41% 29%) |
| Lab | lab(51.19 35.51 9.88) |
| LCH | lch(51.19 36.86 15.55) |
| OKLab | oklab(58.976% 0.10615 0.02385) |
| OKLCH | oklch(58.976% 0.10879 12.664) |
| Display P3 | color(display-p3 0.66229 0.39332 0.42376) |
| Rec. 2020 | color(rec2020 0.56932 0.35563 0.36805) |
| Adobe RGB | color(a98-rgb 0.62819 0.37692 0.41662) |
| ProPhoto RGB | color(prophoto-rgb 0.51309 0.35011 0.34689) |
| 線形sRGB | color(srgb-linear 0.45641 0.11697 0.14703) |
| XYZ D65 | color(xyz-d65 0.25658 0.19132 0.16252) |
| XYZ D50 | color(xyz-d50 0.26511 0.19432 0.1227) |
| SwiftUI | Color(red: 0.706, green: 0.376, blue: 0.42) |
| UIKit | UIColor(red: 0.706, green: 0.376, blue: 0.42, alpha: 1) |
| Flutter / Compose | Color(0xFFB4606B) |
| Android XML | #B4606B |

## 基本情報

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

## ティント

#b4606b, #bd7079, #c57f87, #cd8f95, #d59fa4, #ddaeb2, #e4bec1, #ebced0, #f2dee0, #f9efef

## シェード

#b4606b, #9c525c, #85454e, #6e383f, #582c32, #442025, #301518, #1d0a0d, #0c0304, #020000

## トーン

#b4606b, #af646d, #aa676f, #a56a70, #a06d72, #9b7074, #957376, #907678, #8a7879, #837b7b

## カラーハーモニー

- 補色: #b4606b, #00918f
- 分裂補色: #b4606b, #30916a, #048bac
- 類似色: #b4606b, #a9628f, #b36646
- トライアド: #b4606b, #648b44, #4b80bc
- テトラード: #b4606b, #a47227, #00918f, #4b80bc
- スクエア: #b4606b, #8a7f25, #00918f, #7474bc
- モノクロマティック: #b4606b, #671a2a, #8d3d49, #dc848e, #ffaab4

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

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

#b4606b はやわらかな ローズです。最も近い名前のある色はやわらかな ローズです。RGBでは rgb(180, 96, 107)、HSLでは hsl(352.14, 35.9%, 54.12%)、OKLCHでは oklch(58.976% 0.10879 12.664) です。

### #b4606b に合う色は？

#b4606b の補色は #00918f です。落ち着いた組み合わせにするなら、類似色の #a9628f と #b36646 を使いましょう。トライアドの組み合わせは #648b44 と #4b80bc です。

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

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

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

#b4606b は暖色系の色です。OKLCHでは色相 13度、明度 59%、クロマ 0.109 です。