#2D86DF

#2D86DF

#DF862D

#DF862D

对比度

1.36:1

Delta E

114.15

Very Different

50:50 混合

#AE858B

颜色值

格式 #2D86DF #DF862D
HEX #2D86DF #DF862D
RGB 45, 134, 223 223, 134, 45
HSL 210.0, 73.6%, 52.5% 30.0, 73.6%, 52.5%
HSV 210.0, 79.8%, 87.5% 30.0, 79.8%, 87.5%
CMYK 79.8%, 39.9%, 0.0%, 12.5% 0.0%, 39.9%, 79.8%, 12.5%
OKLCH 0.6128 0.1581 252.1 0.7008 0.1462 60.5

对比度与无障碍

1.36:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF862D → 背景色: #2D86DF

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

文本: #2D86DF → 背景色: #DF862D

色差 (Delta E)

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

渐变

#2D86DF #7385C3 #9585A7 #AE858B #C1856E #D18650 #DF862D

颜色混合

#2D86DF

100%

#8685B5

75:25

#AE858B

50:50

#C98560

25:75

#DF862D

100%

CSS渐变代码

background: linear-gradient(to right, #2D86DF, #DF862D);
background: linear-gradient(135deg, #2D86DF, #DF862D);

探索每种颜色

#2D86DF

查看完整颜色详情

#DF862D

查看完整颜色详情

相关比较