#CEECCF

#CEECCF

#ECCEEB

#ECCEEB

对比度

1.13:1

Delta E

37.5

Very Different

50:50 混合

#DEDDDD

颜色值

格式 #CEECCF #ECCEEB
HEX #CEECCF #ECCEEB
RGB 206, 236, 207 236, 206, 235
HSL 122.0, 44.1%, 86.7% 302.0, 44.1%, 86.7%
HSV 122.0, 12.7%, 92.5% 302.0, 12.7%, 92.5%
CMYK 12.7%, 0.0%, 12.3%, 7.5% 0.0%, 12.7%, 0.4%, 7.5%
OKLCH 0.9135 0.0501 146.0 0.8852 0.0509 327.0

对比度与无障碍

1.13:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #ECCEEB → 背景色: #CEECCF

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

文本: #CEECCF → 背景色: #ECCEEB

色差 (Delta E)

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

渐变

#CEECCF #D4E7D4 #D9E2D8 #DEDDDD #E3D8E2 #E8D3E6 #ECCEEB

颜色混合

#CEECCF

100%

#D6E5D6

75:25

#DEDDDD

50:50

#E5D6E4

25:75

#ECCEEB

100%

CSS渐变代码

background: linear-gradient(to right, #CEECCF, #ECCEEB);
background: linear-gradient(135deg, #CEECCF, #ECCEEB);

探索每种颜色

#CEECCF

查看完整颜色详情

#ECCEEB

查看完整颜色详情

相关比较