#B1D0EC

#B1D0EC

#ECCDB1

#ECCDB1

コントラスト比

1.06:1

Delta E

36.86

Very Different

50:50 ミックス

#D2CECF

カラー値

フォーマット #B1D0EC #ECCDB1
HEX #B1D0EC #ECCDB1
RGB 177, 208, 236 236, 205, 177
HSL 208.5, 60.8%, 81.0% 28.5, 60.8%, 81.0%
HSV 208.5, 25.0%, 92.5% 28.5, 25.0%, 92.5%
CMYK 25.0%, 11.9%, 0.0%, 7.5% 0.0%, 13.1%, 25.0%, 7.5%
OKLCH 0.8441 0.0514 245.7 0.8673 0.0513 64.2

コントラストとアクセシビリティ

1.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #ECCDB1 → 背景色: #B1D0EC

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #B1D0EC → 背景色: #ECCDB1

色差 (Delta E)

36.86 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#B1D0EC #BDCFE2 #C8CFD8 #D2CECF #DBCEC5 #E4CDBB #ECCDB1

カラーミキシング

#B1D0EC

100%

#C3CFDD

75:25

#D2CECF

50:50

#E0CEC0

25:75

#ECCDB1

100%

CSSグラデーションコード

background: linear-gradient(to right, #B1D0EC, #ECCDB1);
background: linear-gradient(135deg, #B1D0EC, #ECCDB1);

各色を詳しく見る

#B1D0EC

カラーの詳細をすべて見る

#ECCDB1

カラーの詳細をすべて見る

関連する比較