#63CDCF

#63CDCF

#CF6563

#CF6563

对比度

1.96:1

Delta E

80.92

Very Different

50:50 混合

#AF9D97

颜色值

格式 #63CDCF #CF6563
HEX #63CDCF #CF6563
RGB 99, 205, 207 207, 101, 99
HSL 181.1, 52.9%, 60.0% 1.1, 52.9%, 60.0%
HSV 181.1, 52.2%, 81.2% 1.1, 52.2%, 81.2%
CMYK 52.2%, 1.0%, 0.0%, 18.8% 0.0%, 51.2%, 52.2%, 18.8%
OKLCH 0.7867 0.0978 197.0 0.6329 0.1349 22.8

对比度与无障碍

1.96:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CF6563 → 背景色: #63CDCF

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

文本: #63CDCF → 背景色: #CF6563

色差 (Delta E)

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

渐变

#63CDCF #87BDBC #9EADAA #AF9D97 #BD8B85 #C77974 #CF6563

颜色混合

#63CDCF

100%

#93B5B3

75:25

#AF9D97

50:50

#C2827D

25:75

#CF6563

100%

CSS渐变代码

background: linear-gradient(to right, #63CDCF, #CF6563);
background: linear-gradient(135deg, #63CDCF, #CF6563);

探索每种颜色

#63CDCF

查看完整颜色详情

#CF6563

查看完整颜色详情

相关比较