# カラーコード #8985be：やわらかな バイオレット

#8985be はRGBで rgb(137, 133, 190)、OKLCHで oklch(64.215% 0.0846 286.971) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/8985be

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #8985be |
| RGB | rgb(137, 133, 190) |
| HSL | hsl(244.21, 30.48%, 63.33%) |
| HSB / HSV | hsv(244.21 30% 74.51%) |
| HWB | hwb(244.21 52.16% 25.49%) |
| CMYK | cmyk(28% 30% 0% 25%) |
| Lab | lab(57.56 11.28 -29.49) |
| LCH | lch(57.56 31.57 290.93) |
| OKLab | oklab(64.215% 0.02469 -0.08091) |
| OKLCH | oklch(64.215% 0.0846 286.971) |
| Display P3 | color(display-p3 0.53451 0.5221 0.7288) |
| Rec. 2020 | color(rec2020 0.49663 0.47779 0.69514) |
| Adobe RGB | color(a98-rgb 0.52823 0.51718 0.7319) |
| ProPhoto RGB | color(prophoto-rgb 0.49519 0.45671 0.66318) |
| 線形sRGB | color(srgb-linear 0.25016 0.23455 0.51492) |
| XYZ D65 | color(xyz-d65 0.27997 0.25811 0.52224) |
| XYZ D50 | color(xyz-d50 0.2731 0.25502 0.39396) |
| SwiftUI | Color(red: 0.537, green: 0.522, blue: 0.745) |
| UIKit | UIColor(red: 0.537, green: 0.522, blue: 0.745, alpha: 1) |
| Flutter / Compose | Color(0xFF8985BE) |
| Android XML | #8985BE |

## 基本情報

- 最も近い色名: やわらかな バイオレット
- 色相の系統: バイオレット, やわらかな バイオレット
- 最も近いTailwindクラス: slate-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 3.41:1
- 黒とのコントラスト: 6.16:1

## ティント

#8985be, #9491c5, #9f9dcb, #aba9d2, #b6b5d9, #c2c1df, #cecde6, #dad9ec, #e6e6f2, #f2f2f9

## シェード

#8985be, #7673a5, #64618c, #535075, #42405e, #313048, #222133, #14131f, #07060d, #010102

## トーン

#8985be, #8986b9, #8a87b4, #8a88b0, #8a89ab, #8a89a6, #8b8aa1, #8b8b9c, #8c8b97, #8c8c92

## カラーハーモニー

- 補色: #8985be, #929152
- 分裂補色: #8985be, #aa864f, #749966
- 類似色: #8985be, #6b8fc0, #a27daf
- トライアド: #8985be, #b87d60, #559d82
- テトラード: #8985be, #b37897, #929152, #559d82
- スクエア: #8985be, #bb777a, #929152, #439d9e
- モノクロマティック: #8985be, #464073, #666298, #aeaae5, #d4d1ff

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

### #8985be は何色ですか？

#8985be はやわらかな バイオレットです。最も近い名前のある色はやわらかな バイオレットです。RGBでは rgb(137, 133, 190)、HSLでは hsl(244.21, 30.48%, 63.33%)、OKLCHでは oklch(64.215% 0.0846 286.971) です。

### #8985be に合う色は？

#8985be の補色は #929152 です。落ち着いた組み合わせにするなら、類似色の #6b8fc0 と #a27daf を使いましょう。トライアドの組み合わせは #b87d60 と #559d82 です。

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

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

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

#8985be は寒色系の色です。OKLCHでは色相 287度、明度 64.2%、クロマ 0.085 です。