#64EBFD

#64EBFD

#FD7664

#FD7664

コントラスト比

1.87:1

Delta E

100.39

Very Different

50:50 ミックス

#D2B5AE

カラー値

フォーマット #64EBFD #FD7664
HEX #64EBFD #FD7664
RGB 100, 235, 253 253, 118, 100
HSL 187.1, 97.5%, 69.2% 7.1, 97.5%, 69.2%
HSV 187.1, 60.5%, 99.2% 7.1, 60.5%, 99.2%
CMYK 60.5%, 7.1%, 0.0%, 0.8% 0.0%, 53.4%, 60.5%, 0.8%
OKLCH 0.8724 0.1191 207.3 0.7222 0.1684 29.5

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

1.87:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FD7664 → 背景色: #64EBFD

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

テキスト: #64EBFD → 背景色: #FD7664

色差 (Delta E)

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

グラデーション

#64EBFD #9ADAE2 #BBC8C8 #D2B5AE #E4A295 #F28D7C #FD7664

カラーミキシング

#64EBFD

100%

#ACD1D5

75:25

#D2B5AE

50:50

#EC9889

25:75

#FD7664

100%

CSSグラデーションコード

background: linear-gradient(to right, #64EBFD, #FD7664);
background: linear-gradient(135deg, #64EBFD, #FD7664);

各色を詳しく見る

#64EBFD

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

#FD7664

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

関連する比較