#D4F2FF

#D4F2FF

#FFE1D4

#FFE1D4

コントラスト比

1.06:1

Delta E

25.07

Very Different

50:50 ミックス

#EBEAE9

カラー値

フォーマット #D4F2FF #FFE1D4
HEX #D4F2FF #FFE1D4
RGB 212, 242, 255 255, 225, 212
HSL 198.1, 100.0%, 91.6% 18.1, 100.0%, 91.6%
HSV 198.1, 16.9%, 100.0% 18.1, 16.9%, 100.0%
CMYK 16.9%, 5.1%, 0.0%, 0.0% 0.0%, 11.8%, 16.9%, 0.0%
OKLCH 0.9435 0.036 225.7 0.9309 0.0376 44.9

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

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

テキスト読みやすさ

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

テキスト: #FFE1D4 → 背景色: #D4F2FF

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

テキスト: #D4F2FF → 背景色: #FFE1D4

色差 (Delta E)

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

グラデーション

#D4F2FF #DCEFF8 #E4ECF1 #EBEAE9 #F2E7E2 #F9E4DB #FFE1D4

カラーミキシング

#D4F2FF

100%

#E0EEF4

75:25

#EBEAE9

50:50

#F6E5DF

25:75

#FFE1D4

100%

CSSグラデーションコード

background: linear-gradient(to right, #D4F2FF, #FFE1D4);
background: linear-gradient(135deg, #D4F2FF, #FFE1D4);

各色を詳しく見る

#D4F2FF

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

#FFE1D4

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

関連する比較