#63ABCD

#63ABCD

#CD8563

#CD8563

对比度

1.16:1

Delta E

65.64

Very Different

50:50 混合

#A89998

颜色值

格式 #63ABCD #CD8563
HEX #63ABCD #CD8563
RGB 99, 171, 205 205, 133, 99
HSL 199.2, 51.5%, 59.6% 19.2, 51.5%, 59.6%
HSV 199.2, 51.7%, 80.4% 19.2, 51.7%, 80.4%
CMYK 51.7%, 16.6%, 0.0%, 19.6% 0.0%, 35.1%, 51.7%, 19.6%
OKLCH 0.7072 0.0877 230.1 0.6833 0.1009 45.9

对比度与无障碍

1.16:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CD8563 → 背景色: #63ABCD

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

文本: #63ABCD → 背景色: #CD8563

色差 (Delta E)

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

渐变

#63ABCD #81A5BB #979FA9 #A89998 #B69286 #C38C75 #CD8563

颜色混合

#63ABCD

100%

#8DA2B2

75:25

#A89998

50:50

#BD8F7D

25:75

#CD8563

100%

CSS渐变代码

background: linear-gradient(to right, #63ABCD, #CD8563);
background: linear-gradient(135deg, #63ABCD, #CD8563);

探索每种颜色

#63ABCD

查看完整颜色详情

#CD8563

查看完整颜色详情

相关比较