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

#acbeed はRGBで rgb(172, 190, 237)、OKLCHで oklch(80.405% 0.0697 268.452) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #acbeed |
| RGB | rgb(172, 190, 237) |
| HSL | hsl(223.38, 64.36%, 80.2%) |
| HSB / HSV | hsv(223.38 27.43% 92.94%) |
| HWB | hwb(223.38 67.45% 7.06%) |
| CMYK | cmyk(27% 20% 0% 7%) |
| Lab | lab(76.82 1.46 -25.67) |
| LCH | lch(76.82 25.72 273.25) |
| OKLab | oklab(80.405% -0.00188 -0.06968) |
| OKLCH | oklch(80.405% 0.0697 268.452) |
| Display P3 | color(display-p3 0.68773 0.74289 0.91401) |
| Rec. 2020 | color(rec2020 0.67963 0.7138 0.90085) |
| Adobe RGB | color(a98-rgb 0.68967 0.73948 0.92038) |
| ProPhoto RGB | color(prophoto-rgb 0.68597 0.69106 0.88371) |
| 線形sRGB | color(srgb-linear 0.41254 0.51492 0.84687) |
| XYZ D65 | color(xyz-d65 0.5071 0.51711 0.87433) |
| XYZ D50 | color(xyz-d50 0.49939 0.51226 0.66048) |
| SwiftUI | Color(red: 0.675, green: 0.745, blue: 0.929) |
| UIKit | UIColor(red: 0.675, green: 0.745, blue: 0.929, alpha: 1) |
| Flutter / Compose | Color(0xFFACBEED) |
| Android XML | #ACBEED |

## 基本情報

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

## ティント

#acbeed, #b4c4ef, #bccbf1, #c4d1f3, #cdd8f5, #d5def7, #dde5f8, #e6ebfa, #eef2fc, #f6f8fd

## シェード

#acbeed, #95a5ce, #7f8cb0, #697593, #545e77, #40485c, #2d3342, #1b1f2a, #0b0d14, #010203

## トーン

#acbeed, #aebee9, #b0bee4, #b2bfdf, #b4bfdb, #b5bfd6, #b7bfd2, #b9bfcd, #bbbfc8, #bdbfc4

## カラーハーモニー

- 補色: #acbeed, #d1bd8b
- 分裂補色: #acbeed, #e2b593, #bac693
- 類似色: #acbeed, #95c6e7, #c4b6e7
- トライアド: #acbeed, #e9afa6, #a1cca6
- テトラード: #acbeed, #d9b0d6, #d1bd8b, #a1cca6
- スクエア: #acbeed, #e5adbe, #d1bd8b, #8dcebf
- モノクロマティック: #acbeed, #64749f, #8798c5, #d6e5ff, #ebf5ff

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

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

#acbeed はやわらかな 明るい青です。最も近い名前のある色はやわらかな 明るい青です。RGBでは rgb(172, 190, 237)、HSLでは hsl(223.38, 64.36%, 80.2%)、OKLCHでは oklch(80.405% 0.0697 268.452) です。

### #acbeed に合う色は？

#acbeed の補色は #d1bd8b です。落ち着いた組み合わせにするなら、類似色の #95c6e7 と #c4b6e7 を使いましょう。トライアドの組み合わせは #e9afa6 と #a1cca6 です。

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

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

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

#acbeed は寒色系の色です。OKLCHでは色相 268度、明度 80.4%、クロマ 0.07 です。