#64ECF4

#64ECF4

#F46C64

#F46C64

コントラスト比

2.07:1

Delta E

100.35

Very Different

50:50 ミックス

#CDB2AA

カラー値

フォーマット #64ECF4 #F46C64
HEX #64ECF4 #F46C64
RGB 100, 236, 244 244, 108, 100
HSL 183.3, 86.7%, 67.5% 3.3, 86.7%, 67.5%
HSV 183.3, 59.0%, 95.7% 3.3, 59.0%, 95.7%
CMYK 59.0%, 3.3%, 0.0%, 4.3% 0.0%, 55.7%, 59.0%, 4.3%
OKLCH 0.8715 0.118 200.6 0.6957 0.169 25.8

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

2.07:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F46C64 → 背景色: #64ECF4

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

テキスト: #64ECF4 → 背景色: #F46C64

色差 (Delta E)

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

グラデーション

#64ECF4 #98D9DB #B7C6C2 #CDB2AA #DE9C92 #EA867B #F46C64

カラーミキシング

#64ECF4

100%

#A9CFCE

75:25

#CDB2AA

50:50

#E49186

25:75

#F46C64

100%

CSSグラデーションコード

background: linear-gradient(to right, #64ECF4, #F46C64);
background: linear-gradient(135deg, #64ECF4, #F46C64);

各色を詳しく見る

#64ECF4

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

#F46C64

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

関連する比較