# カラーコード #a4bdfd：鮮やかな 明るい青

#a4bdfd はRGBで rgb(164, 189, 253)、OKLCHで oklch(80.308% 0.09527 267.767) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #a4bdfd |
| RGB | rgb(164, 189, 253) |
| HSL | hsl(223.15, 95.7%, 81.76%) |
| HSB / HSV | hsv(223.15 35.18% 99.22%) |
| HWB | hwb(223.15 64.31% 0.78%) |
| CMYK | cmyk(35% 25% 0% 1%) |
| Lab | lab(76.49 2.58 -34.78) |
| LCH | lch(76.49 34.88 274.25) |
| OKLab | oklab(80.308% -0.00371 -0.0952) |
| OKLCH | oklch(80.308% 0.09527 267.767) |
| Display P3 | color(display-p3 0.66193 0.73819 0.97203) |
| Rec. 2020 | color(rec2020 0.6628 0.70887 0.96497) |
| Adobe RGB | color(a98-rgb 0.66703 0.73552 0.98289) |
| ProPhoto RGB | color(prophoto-rgb 0.68234 0.68693 0.95257) |
| 線形sRGB | color(srgb-linear 0.37124 0.50888 0.98225) |
| XYZ D65 | color(xyz-d65 0.51234 0.51379 1.00149) |
| XYZ D50 | color(xyz-d50 0.49842 0.50695 0.756) |
| SwiftUI | Color(red: 0.643, green: 0.741, blue: 0.992) |
| UIKit | UIColor(red: 0.643, green: 0.741, blue: 0.992, alpha: 1) |
| Flutter / Compose | Color(0xFFA4BDFD) |
| Android XML | #A4BDFD |

## 基本情報

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

## ティント

#a4bdfd, #adc4fe, #b6cafe, #bfd1ff, #c8d8ff, #d1deff, #dae5ff, #e3ebff, #ecf2ff, #f6f8ff

## シェード

#a4bdfd, #8ea4dc, #798cbc, #64749d, #505d7f, #3d4762, #2b3347, #1a1f2d, #0a0d16, #010203

## トーン

#a4bdfd, #a7bdf7, #a9bef1, #acbeeb, #afbee5, #b1bede, #b4bed8, #b7bfd2, #b9bfcb, #bcbfc5

## カラーハーモニー

- 補色: #a4bdfd, #d9bb75
- 分裂補色: #a4bdfd, #eeb081, #b9c780
- 類似色: #a4bdfd, #82c8f5, #c6b2f5
- トライアド: #a4bdfd, #f6a79d, #95d09c
- テトラード: #a4bdfd, #e1a9de, #d9bb75, #95d09c
- スクエア: #a4bdfd, #f1a5bf, #d9bb75, #75d3be
- モノクロマティック: #a4bdfd, #5d73ae, #8097d5, #d5e5ff, #ebf5ff

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

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

#a4bdfd は鮮やかな 明るい青です。最も近い名前のある色は鮮やかな 明るい青です。RGBでは rgb(164, 189, 253)、HSLでは hsl(223.15, 95.7%, 81.76%)、OKLCHでは oklch(80.308% 0.09527 267.767) です。

### #a4bdfd に合う色は？

#a4bdfd の補色は #d9bb75 です。落ち着いた組み合わせにするなら、類似色の #82c8f5 と #c6b2f5 を使いましょう。トライアドの組み合わせは #f6a79d と #95d09c です。

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

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

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

#a4bdfd は寒色系の色です。OKLCHでは色相 268度、明度 80.3%、クロマ 0.095 です。