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

#8577bb はRGBで rgb(133, 119, 187)、OKLCHで oklch(60.96% 0.10217 292.557) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/8577bb

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #8577bb |
| RGB | rgb(133, 119, 187) |
| HSL | hsl(252.35, 33.33%, 60%) |
| HSB / HSV | hsv(252.35 36.36% 73.33%) |
| HWB | hwb(252.35 46.67% 26.67%) |
| CMYK | cmyk(29% 36% 0% 27%) |
| Lab | lab(53.44 17.1 -34.18) |
| LCH | lch(53.44 38.22 296.59) |
| OKLab | oklab(60.96% 0.03919 -0.09435) |
| OKLCH | oklch(60.96% 0.10217 292.557) |
| Display P3 | color(display-p3 0.51236 0.46862 0.71512) |
| Rec. 2020 | color(rec2020 0.46747 0.42319 0.67968) |
| Adobe RGB | color(a98-rgb 0.50263 0.46368 0.719) |
| ProPhoto RGB | color(prophoto-rgb 0.46796 0.40691 0.64625) |
| 線形sRGB | color(srgb-linear 0.23455 0.18447 0.49693) |
| XYZ D65 | color(xyz-d65 0.25238 0.21768 0.49887) |
| XYZ D50 | color(xyz-d50 0.24443 0.21456 0.37603) |
| SwiftUI | Color(red: 0.522, green: 0.467, blue: 0.733) |
| UIKit | UIColor(red: 0.522, green: 0.467, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF8577BB) |
| Android XML | #8577BB |

## 基本情報

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

## ティント

#8577bb, #9084c2, #9c91c9, #a89fd0, #b3acd7, #c0bade, #ccc7e5, #d8d5ec, #e5e3f2, #f2f1f9

## シェード

#8577bb, #7367a2, #61578a, #504773, #40385c, #302a46, #211c32, #13101f, #06050d, #010102

## トーン

#8577bb, #8579b6, #847ab0, #847bab, #847da5, #847ea0, #837f9a, #838094, #83818f, #838289

## カラーハーモニー

- 補色: #8577bb, #84893b
- 分裂補色: #8577bb, #a17d32, #5d9359
- 類似色: #8577bb, #6282c0, #a06ea7
- トライアド: #8577bb, #b37146, #2f977d
- テトラード: #8577bb, #b26889, #84893b, #2f977d
- スクエア: #8577bb, #b96966, #84893b, #0b959e
- モノクロマティック: #8577bb, #423370, #635495, #a99ce2, #cfc2ff

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

### #8577bb は何色ですか？

#8577bb はやわらかな バイオレットです。最も近い名前のある色はやわらかな バイオレットです。RGBでは rgb(133, 119, 187)、HSLでは hsl(252.35, 33.33%, 60%)、OKLCHでは oklch(60.96% 0.10217 292.557) です。

### #8577bb に合う色は？

#8577bb の補色は #84893b です。落ち着いた組み合わせにするなら、類似色の #6282c0 と #a06ea7 を使いましょう。トライアドの組み合わせは #b37146 と #2f977d です。

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

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

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

#8577bb は寒色系の色です。OKLCHでは色相 293度、明度 61%、クロマ 0.102 です。