#53F9DA

#53F9DA

#F95372

#F95372

コントラスト比

2.45:1

Delta E

119.54

Very Different

50:50 ミックス

#CDB2A4

カラー値

フォーマット #53F9DA #F95372
HEX #53F9DA #F95372
RGB 83, 249, 218 249, 83, 114
HSL 168.8, 93.3%, 65.1% 348.8, 93.3%, 65.1%
HSV 168.8, 66.7%, 97.6% 348.8, 66.7%, 97.6%
CMYK 66.7%, 0.0%, 12.4%, 2.4% 0.0%, 66.7%, 54.2%, 2.4%
OKLCH 0.8892 0.1427 177.7 0.6761 0.2013 13.4

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

2.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F95372 → 背景色: #53F9DA

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

テキスト: #53F9DA → 背景色: #F95372

色差 (Delta E)

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

グラデーション

#53F9DA #91E2C8 #B4CAB6 #CDB2A4 #DF9793 #EE7982 #F95372

カラーミキシング

#53F9DA

100%

#A4D6BF

75:25

#CDB2A4

50:50

#E7888A

25:75

#F95372

100%

CSSグラデーションコード

background: linear-gradient(to right, #53F9DA, #F95372);
background: linear-gradient(135deg, #53F9DA, #F95372);

各色を詳しく見る

#53F9DA

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

#F95372

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

関連する比較