# カラーコード #a9bfdb：やわらかな 明るい青

#a9bfdb はRGBで rgb(169, 191, 219)、OKLCHで oklch(79.727% 0.0466 254.541) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #a9bfdb |
| RGB | rgb(169, 191, 219) |
| HSL | hsl(213.6, 40.98%, 76.08%) |
| HSB / HSV | hsv(213.6 22.83% 85.88%) |
| HWB | hwb(213.6 66.27% 14.12%) |
| CMYK | cmyk(23% 13% 0% 14%) |
| Lab | lab(76.36 -3.21 -16.73) |
| LCH | lch(76.36 17.03 259.15) |
| OKLab | oklab(79.727% -0.01242 -0.04491) |
| OKLCH | oklch(79.727% 0.0466 254.541) |
| Display P3 | color(display-p3 0.67911 0.74636 0.84859) |
| Rec. 2020 | color(rec2020 0.66906 0.71588 0.82899) |
| Adobe RGB | color(a98-rgb 0.68284 0.74343 0.85065) |
| ProPhoto RGB | color(prophoto-rgb 0.66635 0.69095 0.80785) |
| 線形sRGB | color(srgb-linear 0.39676 0.521 0.70838) |
| XYZ D65 | color(xyz-d65 0.47777 0.5081 0.7431) |
| XYZ D50 | color(xyz-d50 0.47503 0.50471 0.56195) |
| SwiftUI | Color(red: 0.663, green: 0.749, blue: 0.859) |
| UIKit | UIColor(red: 0.663, green: 0.749, blue: 0.859, alpha: 1) |
| Flutter / Compose | Color(0xFFA9BFDB) |
| Android XML | #A9BFDB |

## 基本情報

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

## ティント

#a9bfdb, #b1c5df, #bacce2, #c2d2e6, #cbd8ea, #d3dfed, #dce5f1, #e5ecf4, #edf2f8, #f6f9fb

## シェード

#a9bfdb, #92a6be, #7c8da2, #677587, #535e6d, #3f4854, #2c333c, #1b1f26, #0a0d11, #010202

## トーン

#a9bfdb, #abbfd8, #adbfd5, #afbed2, #b1becf, #b3becc, #b5bec9, #b7bdc6, #b9bdc3, #bbbdc0

## カラーハーモニー

- 補色: #a9bfdb, #cfb99c
- 分裂補色: #a9bfdb, #d8b4a5, #c1bf9d
- 類似色: #a9bfdb, #9dc4d4, #b9b9da
- トライアド: #a9bfdb, #d9b1b3, #b1c4a6
- テトラード: #a9bfdb, #c8b4d2, #cfb99c, #b1c4a6
- スクエア: #a9bfdb, #d4b1c4, #cfb99c, #a2c7b5
- モノクロマティック: #a9bfdb, #61758f, #8499b4, #cfe6ff, #e5f7ff

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

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

#a9bfdb はやわらかな 明るい青です。最も近い名前のある色はやわらかな 明るい青です。RGBでは rgb(169, 191, 219)、HSLでは hsl(213.6, 40.98%, 76.08%)、OKLCHでは oklch(79.727% 0.0466 254.541) です。

### #a9bfdb に合う色は？

#a9bfdb の補色は #cfb99c です。落ち着いた組み合わせにするなら、類似色の #9dc4d4 と #b9b9da を使いましょう。トライアドの組み合わせは #d9b1b3 と #b1c4a6 です。

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

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

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

#a9bfdb は寒色系の色です。OKLCHでは色相 255度、明度 79.7%、クロマ 0.047 です。