#CAF3DF

#CAF3DF

#F3CADE

#F3CADE

对比度

1.22:1

Delta E

36.76

Very Different

50:50 混合

#E0DFDF

颜色值

格式 #CAF3DF #F3CADE
HEX #CAF3DF #F3CADE
RGB 202, 243, 223 243, 202, 222
HSL 150.7, 63.1%, 87.3% 330.7, 63.1%, 87.3%
HSV 150.7, 16.9%, 95.3% 330.7, 16.9%, 95.3%
CMYK 16.9%, 0.0%, 8.2%, 4.7% 0.0%, 16.9%, 8.6%, 4.7%
OKLCH 0.9297 0.0502 164.3 0.8799 0.0529 347.3

对比度与无障碍

1.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F3CADE → 背景色: #CAF3DF

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

文本: #CAF3DF → 背景色: #F3CADE

色差 (Delta E)

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

渐变

#CAF3DF #D2ECDF #D9E6DF #E0DFDF #E7D8DE #EDD1DE #F3CADE

颜色混合

#CAF3DF

100%

#D6E9DF

75:25

#E0DFDF

50:50

#EAD5DE

25:75

#F3CADE

100%

CSS渐变代码

background: linear-gradient(to right, #CAF3DF, #F3CADE);
background: linear-gradient(135deg, #CAF3DF, #F3CADE);

探索每种颜色

#CAF3DF

查看完整颜色详情

#F3CADE

查看完整颜色详情

相关比较