#C4D5FF

#C4D5FF

#FFEEC4

#FFEEC4

コントラスト比

1.28:1

Delta E

45.9

Very Different

50:50 ミックス

#E4E1E2

カラー値

フォーマット #C4D5FF #FFEEC4
HEX #C4D5FF #FFEEC4
RGB 196, 213, 255 255, 238, 196
HSL 222.7, 100.0%, 88.4% 42.7, 100.0%, 88.4%
HSV 222.7, 23.1%, 100.0% 42.7, 23.1%, 100.0%
CMYK 23.1%, 16.5%, 0.0%, 0.0% 0.0%, 6.7%, 23.1%, 0.0%
OKLCH 0.874 0.0612 267.8 0.9523 0.0574 88.6

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

1.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFEEC4 → 背景色: #C4D5FF

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

テキスト: #C4D5FF → 背景色: #FFEEC4

色差 (Delta E)

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

グラデーション

#C4D5FF #D0D9F5 #DADDEC #E4E1E2 #EEE5D8 #F7EACE #FFEEC4

カラーミキシング

#C4D5FF

100%

#D5DBF1

75:25

#E4E1E2

50:50

#F2E8D3

25:75

#FFEEC4

100%

CSSグラデーションコード

background: linear-gradient(to right, #C4D5FF, #FFEEC4);
background: linear-gradient(135deg, #C4D5FF, #FFEEC4);

各色を詳しく見る

#C4D5FF

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

#FFEEC4

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

関連する比較