#5FD4EB

#5FD4EB

#EB765F

#EB765F

コントラスト比

1.66:1

Delta E

90.08

Very Different

50:50 ミックス

#C2A9A3

カラー値

フォーマット #5FD4EB #EB765F
HEX #5FD4EB #EB765F
RGB 95, 212, 235 235, 118, 95
HSL 189.9, 77.8%, 64.7% 9.9, 77.8%, 64.7%
HSV 189.9, 59.6%, 92.2% 9.9, 59.6%, 92.2%
CMYK 59.6%, 9.8%, 0.0%, 7.8% 0.0%, 49.8%, 59.6%, 7.8%
OKLCH 0.8116 0.1094 212.6 0.6964 0.1495 32.5

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

1.66:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EB765F → 背景色: #5FD4EB

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

テキスト: #5FD4EB → 背景色: #EB765F

色差 (Delta E)

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

グラデーション

#5FD4EB #8FC6D3 #ADB7BB #C2A9A3 #D3998C #E08875 #EB765F

カラーミキシング

#5FD4EB

100%

#9FBFC7

75:25

#C2A9A3

50:50

#DA9181

25:75

#EB765F

100%

CSSグラデーションコード

background: linear-gradient(to right, #5FD4EB, #EB765F);
background: linear-gradient(135deg, #5FD4EB, #EB765F);

各色を詳しく見る

#5FD4EB

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

#EB765F

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

関連する比較