#64ACF4

#64ACF4

#F4AC64

#F4AC64

コントラスト比

1.25:1

Delta E

92.39

Very Different

50:50 ミックス

#C3ACAD

カラー値

フォーマット #64ACF4 #F4AC64
HEX #64ACF4 #F4AC64
RGB 100, 172, 244 244, 172, 100
HSL 210.0, 86.7%, 67.5% 30.0, 86.7%, 67.5%
HSV 210.0, 59.0%, 95.7% 30.0, 59.0%, 95.7%
CMYK 59.0%, 29.5%, 0.0%, 4.3% 0.0%, 29.5%, 59.0%, 4.3%
OKLCH 0.7275 0.128 250.0 0.799 0.1226 64.5

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

1.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F4AC64 → 背景色: #64ACF4

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

テキスト: #64ACF4 → 背景色: #F4AC64

色差 (Delta E)

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

グラデーション

#64ACF4 #8FACDC #ACACC5 #C3ACAD #D6AC96 #E6AC7D #F4AC64

カラーミキシング

#64ACF4

100%

#9FACD1

75:25

#C3ACAD

50:50

#DEAC8A

25:75

#F4AC64

100%

CSSグラデーションコード

background: linear-gradient(to right, #64ACF4, #F4AC64);
background: linear-gradient(135deg, #64ACF4, #F4AC64);

各色を詳しく見る

#64ACF4

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

#F4AC64

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

関連する比較