# カラーコード #949bf4：鮮やかな 明るいインディゴ

#949bf4 はRGBで rgb(148, 155, 244)、OKLCHで oklch(72.028% 0.12907 279.199) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/949bf4

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #949bf4 |
| RGB | rgb(148, 155, 244) |
| HSL | hsl(235.63, 81.36%, 76.86%) |
| HSB / HSV | hsv(235.63 39.34% 95.69%) |
| HWB | hwb(235.63 58.04% 4.31%) |
| CMYK | cmyk(39% 36% 0% 4%) |
| Lab | lab(66.19 13.85 -45.98) |
| LCH | lch(66.19 48.02 286.76) |
| OKLab | oklab(72.028% 0.02063 -0.12741) |
| OKLCH | oklch(72.028% 0.12907 279.199) |
| Display P3 | color(display-p3 0.58539 0.60696 0.93213) |
| Rec. 2020 | color(rec2020 0.57084 0.57015 0.91917) |
| Adobe RGB | color(a98-rgb 0.58292 0.60219 0.94398) |
| ProPhoto RGB | color(prophoto-rgb 0.59446 0.54999 0.89956) |
| 線形sRGB | color(srgb-linear 0.29614 0.32778 0.90466) |
| XYZ D65 | color(xyz-d65 0.40261 0.3627 0.9047) |
| XYZ D50 | color(xyz-d50 0.38482 0.35571 0.68196) |
| SwiftUI | Color(red: 0.58, green: 0.608, blue: 0.957) |
| UIKit | UIColor(red: 0.58, green: 0.608, blue: 0.957, alpha: 1) |
| Flutter / Compose | Color(0xFF949BF4) |
| Android XML | #949BF4 |

## 基本情報

- 最も近い色名: 鮮やかな 明るいインディゴ
- 色相の系統: インディゴ, 鮮やかな 明るいインディゴ
- 最も近いTailwindクラス: indigo-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.54:1
- 黒とのコントラスト: 8.25:1

## ティント

#949bf4, #9ea5f6, #a8aff8, #b2b9f9, #bdc3fa, #c7cdfc, #d2d7fd, #dde1fe, #e8ebfe, #f4f5ff

## シェード

#949bf4, #8086d4, #6d72b5, #5a5e97, #484b7a, #36395e, #262844, #16182b, #080914, #010103

## トーン

#949bf4, #959cec, #979ee5, #989fdd, #9aa0d5, #9ca1cd, #9da2c5, #9fa3bd, #a1a3b5, #a3a4ad

## カラーハーモニー

- 補色: #949bf4, #b9a637
- 分裂補色: #949bf4, #d8953f, #8bb459
- 類似色: #949bf4, #5faaf2, #bd8de2
- トライアド: #949bf4, #e98766, #4fbd87
- テトラード: #949bf4, #d983bf, #b9a637, #4fbd87
- スクエア: #949bf4, #e98093, #b9a637, #00beb5
- モノクロマティック: #949bf4, #5052a4, #7176cc, #bcc4ff, #ecf0ff

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

### #949bf4 は何色ですか？

#949bf4 は鮮やかな 明るいインディゴです。最も近い名前のある色は鮮やかな 明るいインディゴです。RGBでは rgb(148, 155, 244)、HSLでは hsl(235.63, 81.36%, 76.86%)、OKLCHでは oklch(72.028% 0.12907 279.199) です。

### #949bf4 に合う色は？

#949bf4 の補色は #b9a637 です。落ち着いた組み合わせにするなら、類似色の #5faaf2 と #bd8de2 を使いましょう。トライアドの組み合わせは #e98766 と #4fbd87 です。

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

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

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

#949bf4 は寒色系の色です。OKLCHでは色相 279度、明度 72%、クロマ 0.129 です。