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

#978bcc はRGBで rgb(151, 139, 204)、OKLCHで oklch(67.213% 0.09552 292.094) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/978bcc

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #978bcc |
| RGB | rgb(151, 139, 204) |
| HSL | hsl(251.08, 38.92%, 67.25%) |
| HSB / HSV | hsv(251.08 31.86% 80%) |
| HWB | hwb(251.08 54.51% 20%) |
| CMYK | cmyk(26% 32% 0% 20%) |
| Lab | lab(60.83 15.28 -32.21) |
| LCH | lch(60.83 35.65 295.39) |
| OKLab | oklab(67.213% 0.03593 -0.08851) |
| OKLCH | oklch(67.213% 0.09552 292.094) |
| Display P3 | color(display-p3 0.58415 0.54674 0.78201) |
| Rec. 2020 | color(rec2020 0.54526 0.50612 0.75335) |
| Adobe RGB | color(a98-rgb 0.57389 0.54026 0.78645) |
| ProPhoto RGB | color(prophoto-rgb 0.54369 0.4861 0.72331) |
| 線形sRGB | color(srgb-linear 0.30947 0.25818 0.60383) |
| XYZ D65 | color(xyz-d65 0.32892 0.29404 0.61071) |
| XYZ D50 | color(xyz-d50 0.32078 0.29055 0.46057) |
| SwiftUI | Color(red: 0.592, green: 0.545, blue: 0.8) |
| UIKit | UIColor(red: 0.592, green: 0.545, blue: 0.8, alpha: 1) |
| Flutter / Compose | Color(0xFF978BCC) |
| Android XML | #978BCC |

## 基本情報

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

## ティント

#978bcc, #a196d1, #aba2d7, #b5addc, #bfb9e1, #c9c4e7, #d4d0ec, #dedcf1, #e9e7f5, #f4f3fa

## シェード

#978bcc, #8378b1, #6f6697, #5c547e, #494365, #37324e, #262337, #171422, #08070f, #010102

## トーン

#978bcc, #978cc7, #978ec1, #968fbc, #9690b7, #9691b1, #9692ac, #9693a7, #9694a1, #96959b

## カラーハーモニー

- 補色: #978bcc, #979c54
- 分裂補色: #978bcc, #b3904d, #73a56e
- 類似色: #978bcc, #7696d1, #b282b9
- トライアド: #978bcc, #c5855e, #4fa98f
- テトラード: #978bcc, #c37d9c, #979c54, #4fa98f
- スクエア: #978bcc, #ca7e7b, #979c54, #3da7af
- モノクロマティック: #978bcc, #524580, #7467a5, #bcb0f4, #e2daff

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

### #978bcc は何色ですか？

#978bcc はやわらかな バイオレットです。最も近い名前のある色はやわらかな バイオレットです。RGBでは rgb(151, 139, 204)、HSLでは hsl(251.08, 38.92%, 67.25%)、OKLCHでは oklch(67.213% 0.09552 292.094) です。

### #978bcc に合う色は？

#978bcc の補色は #979c54 です。落ち着いた組み合わせにするなら、類似色の #7696d1 と #b282b9 を使いましょう。トライアドの組み合わせは #c5855e と #4fa98f です。

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

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

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

#978bcc は寒色系の色です。OKLCHでは色相 292度、明度 67.2%、クロマ 0.096 です。