#B3C2FF

#B3C2FF

#FFF0B3

#FFF0B3

コントラスト比

1.52:1

Delta E

66.04

Very Different

50:50 ミックス

#DED8DA

カラー値

フォーマット #B3C2FF #FFF0B3
HEX #B3C2FF #FFF0B3
RGB 179, 194, 255 255, 240, 179
HSL 228.2, 100.0%, 85.1% 48.2, 100.0%, 85.1%
HSV 228.2, 29.8%, 100.0% 48.2, 29.8%, 100.0%
CMYK 29.8%, 23.9%, 0.0%, 0.0% 0.0%, 5.9%, 29.8%, 0.0%
OKLCH 0.8242 0.0876 273.6 0.9527 0.0792 95.9

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

1.52:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFF0B3 → 背景色: #B3C2FF

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

テキスト: #B3C2FF → 背景色: #FFF0B3

色差 (Delta E)

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

グラデーション

#B3C2FF #C3C9F3 #D1D1E7 #DED8DA #EAE0CD #F5E8C0 #FFF0B3

カラーミキシング

#B3C2FF

100%

#CACDED

75:25

#DED8DA

50:50

#EFE4C7

25:75

#FFF0B3

100%

CSSグラデーションコード

background: linear-gradient(to right, #B3C2FF, #FFF0B3);
background: linear-gradient(135deg, #B3C2FF, #FFF0B3);

各色を詳しく見る

#B3C2FF

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

#FFF0B3

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

関連する比較