#48DFDC

#48DFDC

#DF484B

#DF484B

对比度

2.49:1

Delta E

110.33

Very Different

50:50 混合

#BC9D90

颜色值

格式 #48DFDC #DF484B
HEX #48DFDC #DF484B
RGB 72, 223, 220 223, 72, 75
HSL 178.8, 70.2%, 57.8% 358.8, 70.2%, 57.8%
HSV 178.8, 67.7%, 87.5% 358.8, 67.7%, 87.5%
CMYK 67.7%, 0.0%, 1.3%, 12.5% 0.0%, 67.7%, 66.4%, 12.5%
OKLCH 0.8255 0.1241 193.1 0.6154 0.1874 23.5

对比度与无障碍

2.49:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF484B → 背景色: #48DFDC

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

文本: #48DFDC → 背景色: #DF484B

色差 (Delta E)

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

渐变

#48DFDC #86CAC2 #A6B4A9 #BC9D90 #CC8478 #D76961 #DF484B

颜色混合

#48DFDC

100%

#98BFB5

75:25

#BC9D90

50:50

#D2776D

25:75

#DF484B

100%

CSS渐变代码

background: linear-gradient(to right, #48DFDC, #DF484B);
background: linear-gradient(135deg, #48DFDC, #DF484B);

探索每种颜色

#48DFDC

查看完整颜色详情

#DF484B

查看完整颜色详情

相关比较