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

#abc3dd はRGBで rgb(171, 195, 221)、OKLCHで oklch(80.77% 0.04523 250.483) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #abc3dd |
| RGB | rgb(171, 195, 221) |
| HSL | hsl(211.2, 42.37%, 76.86%) |
| HSB / HSV | hsv(211.2 22.62% 86.67%) |
| HWB | hwb(211.2 67.06% 13.33%) |
| CMYK | cmyk(23% 12% 0% 13%) |
| Lab | lab(77.62 -4.2 -15.9) |
| LCH | lch(77.62 16.45 255.2) |
| OKLab | oklab(80.77% -0.01511 -0.04263) |
| OKLCH | oklch(80.77% 0.04523 250.483) |
| Display P3 | color(display-p3 0.68853 0.76182 0.85691) |
| Rec. 2020 | color(rec2020 0.68072 0.73252 0.83836) |
| Adobe RGB | color(a98-rgb 0.6932 0.75928 0.85894) |
| ProPhoto RGB | color(prophoto-rgb 0.67839 0.70799 0.8182) |
| 線形sRGB | color(srgb-linear 0.40724 0.54572 0.72306) |
| XYZ D65 | color(xyz-d65 0.49358 0.52908 0.76021) |
| XYZ D50 | color(xyz-d50 0.49122 0.52566 0.57498) |
| SwiftUI | Color(red: 0.671, green: 0.765, blue: 0.867) |
| UIKit | UIColor(red: 0.671, green: 0.765, blue: 0.867, alpha: 1) |
| Flutter / Compose | Color(0xFFABC3DD) |
| Android XML | #ABC3DD |

## 基本情報

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

## ティント

#abc3dd, #b3c9e0, #bccfe4, #c4d5e7, #ccdbeb, #d5e1ee, #dde7f2, #e5edf5, #eef3f8, #f6f9fc

## シェード

#abc3dd, #94a9c0, #7e90a4, #687888, #54606e, #404a55, #2d343d, #1b2026, #0b0e11, #010202

## トーン

#abc3dd, #adc3da, #afc2d7, #b1c2d4, #b4c2d2, #b6c2cf, #b8c1cc, #bac1c9, #bcc1c6, #bec0c3

## カラーハーモニー

- 補色: #abc3dd, #d3bca1
- 分裂補色: #abc3dd, #dbb7aa, #c6c1a0
- 類似色: #abc3dd, #a1c8d5, #babede
- トライアド: #abc3dd, #dcb5b9, #b6c7a8
- テトラード: #abc3dd, #c9b9d6, #d3bca1, #b6c7a8
- スクエア: #abc3dd, #d5b5c9, #d3bca1, #a8cab7
- モノクロマティック: #abc3dd, #637991, #869db6, #d1eaff, #e4f8ff

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

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

#abc3dd はやわらかな 明るい青です。最も近い名前のある色はやわらかな 明るい青です。RGBでは rgb(171, 195, 221)、HSLでは hsl(211.2, 42.37%, 76.86%)、OKLCHでは oklch(80.77% 0.04523 250.483) です。

### #abc3dd に合う色は？

#abc3dd の補色は #d3bca1 です。落ち着いた組み合わせにするなら、類似色の #a1c8d5 と #babede を使いましょう。トライアドの組み合わせは #dcb5b9 と #b6c7a8 です。

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

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

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

#abc3dd は寒色系の色です。OKLCHでは色相 250度、明度 80.8%、クロマ 0.045 です。