#6FDCDC

#6FDCDC

#DC6F6F

#DC6F6F

对比度

1.98:1

Delta E

82.4

Very Different

50:50 混合

#BBA9A4

颜色值

格式 #6FDCDC #DC6F6F
HEX #6FDCDC #DC6F6F
RGB 111, 220, 220 220, 111, 111
HSL 180.0, 60.9%, 64.9% 0.0, 60.9%, 64.9%
HSV 180.0, 49.5%, 86.3% 0.0, 49.5%, 86.3%
CMYK 49.5%, 0.0%, 0.0%, 13.7% 0.0%, 49.5%, 49.5%, 13.7%
OKLCH 0.8304 0.1004 195.4 0.6684 0.1367 21.4

对比度与无障碍

1.98:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DC6F6F → 背景色: #6FDCDC

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

文本: #6FDCDC → 背景色: #DC6F6F

色差 (Delta E)

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

渐变

#6FDCDC #92CBC9 #AABBB6 #BBA9A4 #C99792 #D48480 #DC6F6F

颜色混合

#6FDCDC

100%

#9FC3C0

75:25

#BBA9A4

50:50

#CF8E89

25:75

#DC6F6F

100%

CSS渐变代码

background: linear-gradient(to right, #6FDCDC, #DC6F6F);
background: linear-gradient(135deg, #6FDCDC, #DC6F6F);

探索每种颜色

#6FDCDC

查看完整颜色详情

#DC6F6F

查看完整颜色详情

相关比较