#4DDFDF

#4DDFDF

#DF4D4D

#DF4D4D

对比度

2.44:1

Delta E

107.6

Very Different

50:50 混合

#BD9E93

颜色值

格式 #4DDFDF #DF4D4D
HEX #4DDFDF #DF4D4D
RGB 77, 223, 223 223, 77, 77
HSL 180.0, 69.5%, 58.8% 0.0, 69.5%, 58.8%
HSV 180.0, 65.5%, 87.5% 0.0, 65.5%, 87.5%
CMYK 65.5%, 0.0%, 0.0%, 12.5% 0.0%, 65.5%, 65.5%, 12.5%
OKLCH 0.8277 0.1216 195.1 0.6213 0.1823 24.1

对比度与无障碍

2.44:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF4D4D → 背景色: #4DDFDF

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

文本: #4DDFDF → 背景色: #DF4D4D

色差 (Delta E)

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

渐变

#4DDFDF #88CAC5 #A7B5AC #BD9E93 #CC877B #D76C64 #DF4D4D

颜色混合

#4DDFDF

100%

#99BFB8

75:25

#BD9E93

50:50

#D27A6F

25:75

#DF4D4D

100%

CSS渐变代码

background: linear-gradient(to right, #4DDFDF, #DF4D4D);
background: linear-gradient(135deg, #4DDFDF, #DF4D4D);

探索每种颜色

#4DDFDF

查看完整颜色详情

#DF4D4D

查看完整颜色详情

相关比较