#9DF0D2

#9DF0D2

#F09DBB

#F09DBB

对比度

1.54:1

Delta E

68.93

Very Different

50:50 混合

#CFC9C6

颜色值

格式 #9DF0D2 #F09DBB
HEX #9DF0D2 #F09DBB
RGB 157, 240, 210 240, 157, 187
HSL 158.3, 73.5%, 77.8% 338.3, 73.5%, 77.8%
HSV 158.3, 34.6%, 94.1% 338.3, 34.6%, 94.1%
CMYK 34.6%, 0.0%, 12.5%, 5.9% 0.0%, 34.6%, 22.1%, 5.9%
OKLCH 0.8936 0.0915 169.4 0.7868 0.1051 356.5

对比度与无障碍

1.54:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F09DBB → 背景色: #9DF0D2

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

文本: #9DF0D2 → 背景色: #F09DBB

色差 (Delta E)

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

渐变

#9DF0D2 #B1E3CE #C1D6CA #CFC9C6 #DBBBC3 #E6ACBF #F09DBB

颜色混合

#9DF0D2

100%

#B9DDCC

75:25

#CFC9C6

50:50

#E1B4C1

25:75

#F09DBB

100%

CSS渐变代码

background: linear-gradient(to right, #9DF0D2, #F09DBB);
background: linear-gradient(135deg, #9DF0D2, #F09DBB);

探索每种颜色

#9DF0D2

查看完整颜色详情

#F09DBB

查看完整颜色详情

相关比较