#B2CDFF

#B2CDFF

#FFE4B2

#FFE4B2

コントラスト比

1.3:1

Delta E

56.09

Very Different

50:50 ミックス

#DED8D9

カラー値

フォーマット #B2CDFF #FFE4B2
HEX #B2CDFF #FFE4B2
RGB 178, 205, 255 255, 228, 178
HSL 219.0, 100.0%, 84.9% 39.0, 100.0%, 84.9%
HSV 219.0, 30.2%, 100.0% 39.0, 30.2%, 100.0%
CMYK 30.2%, 19.6%, 0.0%, 0.0% 0.0%, 10.6%, 30.2%, 0.0%
OKLCH 0.8456 0.0762 262.6 0.929 0.0708 82.7

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

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFE4B2 → 背景色: #B2CDFF

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

テキスト: #B2CDFF → 背景色: #FFE4B2

色差 (Delta E)

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

グラデーション

#B2CDFF #C2D1F2 #D1D4E6 #DED8D9 #EADCCC #F5E0BF #FFE4B2

カラーミキシング

#B2CDFF

100%

#CAD2EC

75:25

#DED8D9

50:50

#EFDEC6

25:75

#FFE4B2

100%

CSSグラデーションコード

background: linear-gradient(to right, #B2CDFF, #FFE4B2);
background: linear-gradient(135deg, #B2CDFF, #FFE4B2);

各色を詳しく見る

#B2CDFF

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

#FFE4B2

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

関連する比較