#9BDDFE

#9BDDFE

#FEBC9B

#FEBC9B

对比度

1.1:1

Delta E

58.52

Very Different

50:50 混合

#D8CDCC

颜色值

格式 #9BDDFE #FEBC9B
HEX #9BDDFE #FEBC9B
RGB 155, 221, 254 254, 188, 155
HSL 200.0, 98.0%, 80.2% 20.0, 98.0%, 80.2%
HSV 200.0, 39.0%, 99.6% 20.0, 39.0%, 99.6%
CMYK 39.0%, 13.0%, 0.0%, 0.4% 0.0%, 26.0%, 39.0%, 0.4%
OKLCH 0.8648 0.0807 230.5 0.848 0.0886 47.6

对比度与无障碍

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

文本可读性

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

文本: #FEBC9B → 背景色: #9BDDFE

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

文本: #9BDDFE → 背景色: #FEBC9B

色差 (Delta E)

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

渐变

#9BDDFE #B3D8ED #C7D2DD #D8CDCC #E6C7BC #F3C2AB #FEBC9B

颜色混合

#9BDDFE

100%

#BED5E5

75:25

#D8CDCC

50:50

#ECC5B4

25:75

#FEBC9B

100%

CSS渐变代码

background: linear-gradient(to right, #9BDDFE, #FEBC9B);
background: linear-gradient(135deg, #9BDDFE, #FEBC9B);

探索每种颜色

#9BDDFE

查看完整颜色详情

#FEBC9B

查看完整颜色详情

相关比较