#64C9DA

#64C9DA

#DA7564

#DA7564

コントラスト比

1.63:1

Delta E

78.26

Very Different

50:50 ミックス

#B5A29E

カラー値

フォーマット #64C9DA #DA7564
HEX #64C9DA #DA7564
RGB 100, 201, 218 218, 117, 100
HSL 188.6, 61.5%, 62.4% 8.6, 61.5%, 62.4%
HSV 188.6, 54.1%, 85.5% 8.6, 54.1%, 85.5%
CMYK 54.1%, 7.8%, 0.0%, 14.5% 0.0%, 46.3%, 54.1%, 14.5%
OKLCH 0.7817 0.0969 209.9 0.6728 0.1296 30.8

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

1.63:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DA7564 → 背景色: #64C9DA

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

テキスト: #64C9DA → 背景色: #DA7564

色差 (Delta E)

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

グラデーション

#64C9DA #8ABCC6 #A3AFB1 #B5A29E #C4948A #D08577 #DA7564

カラーミキシング

#64C9DA

100%

#97B6BB

75:25

#B5A29E

50:50

#CB8C80

25:75

#DA7564

100%

CSSグラデーションコード

background: linear-gradient(to right, #64C9DA, #DA7564);
background: linear-gradient(135deg, #64C9DA, #DA7564);

各色を詳しく見る

#64C9DA

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

#DA7564

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

関連する比較