# カラーコード #b685cb：やわらかな パープル

#b685cb はRGBで rgb(182, 133, 203)、OKLCHで oklch(68.95% 0.1132 315.403) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #b685cb |
| RGB | rgb(182, 133, 203) |
| HSL | hsl(282, 40.23%, 65.88%) |
| HSB / HSV | hsv(282 34.48% 79.61%) |
| HWB | hwb(282 52.16% 20.39%) |
| CMYK | cmyk(10% 34% 0% 20%) |
| Lab | lab(62.37 28.68 -28.97) |
| LCH | lch(62.37 40.76 314.71) |
| OKLab | oklab(68.95% 0.0806 -0.07948) |
| OKLCH | oklch(68.95% 0.1132 315.403) |
| Display P3 | color(display-p3 0.6846 0.52942 0.77893) |
| Rec. 2020 | color(rec2020 0.62575 0.49485 0.74969) |
| Adobe RGB | color(a98-rgb 0.66026 0.51718 0.78199) |
| ProPhoto RGB | color(prophoto-rgb 0.60852 0.48088 0.71909) |
| 線形sRGB | color(srgb-linear 0.46778 0.23455 0.5972) |
| XYZ D65 | color(xyz-d65 0.38456 0.31033 0.60466) |
| XYZ D50 | color(xyz-d50 0.37977 0.30843 0.45575) |
| SwiftUI | Color(red: 0.714, green: 0.522, blue: 0.796) |
| UIKit | UIColor(red: 0.714, green: 0.522, blue: 0.796, alpha: 1) |
| Flutter / Compose | Color(0xFFB685CB) |
| Android XML | #B685CB |

## 基本情報

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

## ティント

#b685cb, #bd91d0, #c59dd6, #cca9db, #d3b5e1, #dbc1e6, #e2ceeb, #e9daf0, #f0e6f5, #f8f3fa

## シェード

#b685cb, #9e73b0, #866196, #6f507d, #594065, #44304d, #302137, #1d1322, #0c060f, #020102

## トーン

#b685cb, #b388c6, #b18ac2, #ae8cbd, #ac8fb8, #a991b4, #a693af, #a395aa, #a197a5, #9e99a0

## カラーハーモニー

- 補色: #b685cb, #7cab62
- 分裂補色: #b685cb, #a59f44, #49b18a
- 類似色: #b685cb, #9590de, #cd7eab
- トライアド: #b685cb, #c49142, #1cb1b1
- テトラード: #b685cb, #d87d84, #7cab62, #1cb1b1
- スクエア: #b685cb, #d5845e, #7cab62, #39a9d0
- モノクロマティック: #b685cb, #6d3f7f, #9161a4, #ddaaf3, #fdd8ff

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

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

#b685cb はやわらかな パープルです。最も近い名前のある色はやわらかな パープルです。RGBでは rgb(182, 133, 203)、HSLでは hsl(282, 40.23%, 65.88%)、OKLCHでは oklch(68.95% 0.1132 315.403) です。

### #b685cb に合う色は？

#b685cb の補色は #7cab62 です。落ち着いた組み合わせにするなら、類似色の #9590de と #cd7eab を使いましょう。トライアドの組み合わせは #c49142 と #1cb1b1 です。

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

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

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

#b685cb はニュートラルの色です。OKLCHでは色相 315度、明度 68.9%、クロマ 0.113 です。