#C4F9FF

#C4F9FF

#FFCAC4

#FFCAC4

コントラスト比

1.27:1

Delta E

39.12

Very Different

50:50 ミックス

#E6E2E1

カラー値

フォーマット #C4F9FF #FFCAC4
HEX #C4F9FF #FFCAC4
RGB 196, 249, 255 255, 202, 196
HSL 186.1, 100.0%, 88.4% 6.1, 100.0%, 88.4%
HSV 186.1, 23.1%, 100.0% 6.1, 23.1%, 100.0%
CMYK 23.1%, 2.4%, 0.0%, 0.0% 0.0%, 20.8%, 23.1%, 0.0%
OKLCH 0.9477 0.0542 204.9 0.884 0.0612 25.8

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

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFCAC4 → 背景色: #C4F9FF

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

テキスト: #C4F9FF → 背景色: #FFCAC4

色差 (Delta E)

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

グラデーション

#C4F9FF #D1F1F5 #DCEAEB #E6E2E1 #EFDAD7 #F7D2CE #FFCAC4

カラーミキシング

#C4F9FF

100%

#D7EEF0

75:25

#E6E2E1

50:50

#F3D6D3

25:75

#FFCAC4

100%

CSSグラデーションコード

background: linear-gradient(to right, #C4F9FF, #FFCAC4);
background: linear-gradient(135deg, #C4F9FF, #FFCAC4);

各色を詳しく見る

#C4F9FF

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

#FFCAC4

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

関連する比較