#7FD5FD

#7FD5FD

#FDA77F

#FDA77F

对比度

1.17:1

Delta E

74.97

Very Different

50:50 混合

#D1BFBD

颜色值

格式 #7FD5FD #FDA77F
HEX #7FD5FD #FDA77F
RGB 127, 213, 253 253, 167, 127
HSL 199.0, 96.9%, 74.5% 19.0, 96.9%, 74.5%
HSV 199.0, 49.8%, 99.2% 19.0, 49.8%, 99.2%
CMYK 49.8%, 15.8%, 0.0%, 0.8% 0.0%, 34.0%, 49.8%, 0.8%
OKLCH 0.8333 0.1004 229.6 0.8043 0.1154 45.6

对比度与无障碍

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDA77F → 背景色: #7FD5FD

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

文本: #7FD5FD → 背景色: #FDA77F

色差 (Delta E)

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

渐变

#7FD5FD #A2CEE8 #BCC7D2 #D1BFBD #E2B7A9 #F0AF94 #FDA77F

颜色混合

#7FD5FD

100%

#B0CADD

75:25

#D1BFBD

50:50

#E9B39E

25:75

#FDA77F

100%

CSS渐变代码

background: linear-gradient(to right, #7FD5FD, #FDA77F);
background: linear-gradient(135deg, #7FD5FD, #FDA77F);

探索每种颜色

#7FD5FD

查看完整颜色详情

#FDA77F

查看完整颜色详情

相关比较