# カラーコード #bf706f：やわらかな 赤

#bf706f はRGBで rgb(191, 112, 111)、OKLCHで oklch(63.172% 0.10049 21.058) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #bf706f |
| RGB | rgb(191, 112, 111) |
| HSL | hsl(0.75, 38.46%, 59.22%) |
| HSB / HSV | hsv(0.75 41.88% 74.9%) |
| HWB | hwb(0.75 43.53% 25.1%) |
| CMYK | cmyk(0% 41% 42% 25%) |
| Lab | lab(56.26 31.92 14.79) |
| LCH | lch(56.26 35.18 24.86) |
| OKLab | oklab(63.172% 0.09378 0.03611) |
| OKLCH | oklch(63.172% 0.10049 21.058) |
| Display P3 | color(display-p3 0.70648 0.45405 0.44343) |
| Rec. 2020 | color(rec2020 0.61791 0.4174 0.38956) |
| Adobe RGB | color(a98-rgb 0.67312 0.43712 0.43349) |
| ProPhoto RGB | color(prophoto-rgb 0.5595 0.40583 0.36804) |
| 線形sRGB | color(srgb-linear 0.521 0.16203 0.15896) |
| XYZ D65 | color(xyz-d65 0.30148 0.23814 0.18048) |
| XYZ D50 | color(xyz-d50 0.31234 0.24171 0.1365) |
| SwiftUI | Color(red: 0.749, green: 0.439, blue: 0.435) |
| UIKit | UIColor(red: 0.749, green: 0.439, blue: 0.435, alpha: 1) |
| Flutter / Compose | Color(0xFFBF706F) |
| Android XML | #BF706F |

## 基本情報

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

## ティント

#bf706f, #c67e7d, #ce8c8a, #d59a98, #dba8a6, #e2b7b5, #e8c5c3, #eed3d2, #f4e2e1, #faf0f0

## シェード

#bf706f, #a66060, #8d5151, #754342, #5e3534, #482727, #331a1a, #1f0e0e, #0d0404, #020101

## トーン

#bf706f, #ba7372, #b57674, #b07977, #ab7b7a, #a67e7c, #a1807f, #9b8382, #968584, #908787

## カラーハーモニー

- 補色: #bf706f, #219ba3
- 分裂補色: #bf706f, #3c9d82, #3e94bb
- 類似色: #bf706f, #b86f91, #ba774f
- トライアド: #bf706f, #67995f, #678ac7
- テトラード: #bf706f, #a9833b, #219ba3, #678ac7
- スクエア: #bf706f, #8c8f42, #219ba3, #8a7ec2
- モノクロマティック: #bf706f, #722b2d, #984d4d, #e79593, #ffbdbb

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

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

#bf706f はやわらかな 赤です。最も近い名前のある色はやわらかな 赤です。RGBでは rgb(191, 112, 111)、HSLでは hsl(0.75, 38.46%, 59.22%)、OKLCHでは oklch(63.172% 0.10049 21.058) です。

### #bf706f に合う色は？

#bf706f の補色は #219ba3 です。落ち着いた組み合わせにするなら、類似色の #b86f91 と #ba774f を使いましょう。トライアドの組み合わせは #67995f と #678ac7 です。

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

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

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

#bf706f は暖色系の色です。OKLCHでは色相 21度、明度 63.2%、クロマ 0.1 です。