# カラーコード #ba7779：くすんだ ローズ

#ba7779 はRGBで rgb(186, 119, 121)、OKLCHで oklch(64.022% 0.08444 17.741) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ba7779 |
| RGB | rgb(186, 119, 121) |
| HSL | hsl(358.21, 32.68%, 59.8%) |
| HSB / HSV | hsv(358.21 36.02% 72.94%) |
| HWB | hwb(358.21 46.67% 27.06%) |
| CMYK | cmyk(0% 36% 35% 27%) |
| Lab | lab(57.37 27.18 10.44) |
| LCH | lch(57.37 29.11 21.01) |
| OKLab | oklab(64.022% 0.08042 0.02573) |
| OKLCH | oklch(64.022% 0.08444 17.741) |
| Display P3 | color(display-p3 0.69194 0.47847 0.47982) |
| Rec. 2020 | color(rec2020 0.60949 0.44034 0.42812) |
| Adobe RGB | color(a98-rgb 0.66202 0.46368 0.47098) |
| ProPhoto RGB | color(prophoto-rgb 0.55602 0.42553 0.40379) |
| 線形sRGB | color(srgb-linear 0.49102 0.18447 0.1912) |
| XYZ D65 | color(xyz-d65 0.30297 0.25014 0.21322) |
| XYZ D50 | color(xyz-d50 0.31253 0.25309 0.16128) |
| SwiftUI | Color(red: 0.729, green: 0.467, blue: 0.475) |
| UIKit | UIColor(red: 0.729, green: 0.467, blue: 0.475, alpha: 1) |
| Flutter / Compose | Color(0xFFBA7779) |
| Android XML | #BA7779 |

## 基本情報

- 最も近い色名: くすんだ ローズ
- 色相の系統: ローズ, くすんだ ローズ
- 最も近いTailwindクラス: taupe-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 3.5:1
- 黒とのコントラスト: 6:1

## ティント

#ba7779, #c28486, #c99192, #d09f9f, #d7acad, #debaba, #e5c7c7, #ecd5d5, #f2e3e3, #f9f1f1

## シェード

#ba7779, #a16768, #895758, #724748, #5c3839, #462a2b, #321c1d, #1e1010, #0d0505, #020101

## トーン

#ba7779, #b6797b, #b27c7d, #ad7e7f, #a98081, #a58283, #a08485, #9b8686, #968888, #918a8a

## カラーハーモニー

- 補色: #ba7779, #439c9e
- 分裂補色: #ba7779, #549d82, #4f96b4
- 類似色: #ba7779, #b37795, #b77c5f
- トライアド: #ba7779, #739966, #6c8ebf
- テトラード: #ba7779, #a9864f, #439c9e, #6c8ebf
- スクエア: #ba7779, #919051, #439c9e, #8984bd
- モノクロマティック: #ba7779, #6e3336, #935457, #e29c9d, #ffc2c3

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

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

#ba7779 はくすんだ ローズです。最も近い名前のある色はくすんだ ローズです。RGBでは rgb(186, 119, 121)、HSLでは hsl(358.21, 32.68%, 59.8%)、OKLCHでは oklch(64.022% 0.08444 17.741) です。

### #ba7779 に合う色は？

#ba7779 の補色は #439c9e です。落ち着いた組み合わせにするなら、類似色の #b37795 と #b77c5f を使いましょう。トライアドの組み合わせは #739966 と #6c8ebf です。

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

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

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

#ba7779 は暖色系の色です。OKLCHでは色相 18度、明度 64%、クロマ 0.084 です。