#7BC9FD

#7BC9FD

#FDAF7B

#FDAF7B

对比度

1.0:1

Delta E

78.24

Very Different

50:50 混合

#CFBCBC

颜色值

格式 #7BC9FD #FDAF7B
HEX #7BC9FD #FDAF7B
RGB 123, 201, 253 253, 175, 123
HSL 204.0, 97.0%, 73.7% 24.0, 97.0%, 73.7%
HSV 204.0, 51.4%, 99.2% 24.0, 51.4%, 99.2%
CMYK 51.4%, 20.6%, 0.0%, 0.8% 0.0%, 30.8%, 51.4%, 0.8%
OKLCH 0.8052 0.1069 239.2 0.8177 0.1138 54.1

对比度与无障碍

1.0:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDAF7B → 背景色: #7BC9FD

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

文本: #7BC9FD → 背景色: #FDAF7B

色差 (Delta E)

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

渐变

#7BC9FD #9FC5E7 #BAC1D2 #CFBCBC #E0B8A7 #F0B491 #FDAF7B

颜色混合

#7BC9FD

100%

#ADC3DC

75:25

#CFBCBC

50:50

#E8B69C

25:75

#FDAF7B

100%

CSS渐变代码

background: linear-gradient(to right, #7BC9FD, #FDAF7B);
background: linear-gradient(135deg, #7BC9FD, #FDAF7B);

探索每种颜色

#7BC9FD

查看完整颜色详情

#FDAF7B

查看完整颜色详情

相关比较