#34C4DF

#34C4DF

#DF4F34

#DF4F34

对比度

1.91:1

Delta E

109.93

Very Different

50:50 混合

#B89187

颜色值

格式 #34C4DF #DF4F34
HEX #34C4DF #DF4F34
RGB 52, 196, 223 223, 79, 52
HSL 189.5, 72.8%, 53.9% 9.5, 72.8%, 53.9%
HSV 189.5, 76.7%, 87.5% 9.5, 76.7%, 87.5%
CMYK 76.7%, 12.1%, 0.0%, 12.5% 0.0%, 64.6%, 76.7%, 12.5%
OKLCH 0.7582 0.1217 213.6 0.6202 0.1846 32.7

对比度与无障碍

1.91:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

敏捷的棕色狐狸跳过了懒狗

文本: #DF4F34 → 背景色: #34C4DF

敏捷的棕色狐狸跳过了懒狗

文本: #34C4DF → 背景色: #DF4F34

色差 (Delta E)

109.93 Very Different
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#34C4DF #7DB4C1 #A0A2A4 #B89187 #C97E6B #D56850 #DF4F34

颜色混合

#34C4DF

100%

#91ABB2

75:25

#B89187

50:50

#CF735D

25:75

#DF4F34

100%

CSS渐变代码

background: linear-gradient(to right, #34C4DF, #DF4F34);
background: linear-gradient(135deg, #34C4DF, #DF4F34);

探索每种颜色

#34C4DF

查看完整颜色详情

#DF4F34

查看完整颜色详情

相关比较