#89ADCF

#89ADCF

#CFAB89

#CFAB89

对比度

1.1:1

Delta E

45.44

Very Different

50:50 混合

#B2ACAC

颜色值

格式 #89ADCF #CFAB89
HEX #89ADCF #CFAB89
RGB 137, 173, 207 207, 171, 137
HSL 209.1, 42.2%, 67.5% 29.1, 42.2%, 67.5%
HSV 209.1, 33.8%, 81.2% 29.1, 33.8%, 81.2%
CMYK 33.8%, 16.4%, 0.0%, 18.8% 0.0%, 17.4%, 33.8%, 18.8%
OKLCH 0.7332 0.0632 247.2 0.7649 0.0626 65.0

对比度与无障碍

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CFAB89 → 背景色: #89ADCF

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

文本: #89ADCF → 背景色: #CFAB89

色差 (Delta E)

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

渐变

#89ADCF #99ADC3 #A6ACB8 #B2ACAC #BCACA1 #C6AB95 #CFAB89

颜色混合

#89ADCF

100%

#A0ACBE

75:25

#B2ACAC

50:50

#C1AB9B

25:75

#CFAB89

100%

CSS渐变代码

background: linear-gradient(to right, #89ADCF, #CFAB89);
background: linear-gradient(135deg, #89ADCF, #CFAB89);

探索每种颜色

#89ADCF

查看完整颜色详情

#CFAB89

查看完整颜色详情

相关比较