#77CCF2

#77CCF2

#F29D77

#F29D77

对比度

1.19:1

Delta E

73.89

Very Different

50:50 混合

#C7B6B4

颜色值

格式 #77CCF2 #F29D77
HEX #77CCF2 #F29D77
RGB 119, 204, 242 242, 157, 119
HSL 198.5, 82.6%, 70.8% 18.5, 82.6%, 70.8%
HSV 198.5, 50.8%, 94.9% 18.5, 50.8%, 94.9%
CMYK 50.8%, 15.7%, 0.0%, 5.1% 0.0%, 35.1%, 50.8%, 5.1%
OKLCH 0.8055 0.0984 228.7 0.7729 0.1144 44.7

对比度与无障碍

1.19:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F29D77 → 背景色: #77CCF2

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

文本: #77CCF2 → 背景色: #F29D77

色差 (Delta E)

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

渐变

#77CCF2 #9AC5DD #B3BDC8 #C7B6B4 #D8AEA0 #E6A68B #F29D77

颜色混合

#77CCF2

100%

#A8C1D3

75:25

#C7B6B4

50:50

#DFAA95

25:75

#F29D77

100%

CSS渐变代码

background: linear-gradient(to right, #77CCF2, #F29D77);
background: linear-gradient(135deg, #77CCF2, #F29D77);

探索每种颜色

#77CCF2

查看完整颜色详情

#F29D77

查看完整颜色详情

相关比较