#307CD0

#307CD0

#D08430

#D08430

对比度

1.43:1

Delta E

106.57

Very Different

50:50 混合

#A27F84

颜色值

格式 #307CD0 #D08430
HEX #307CD0 #D08430
RGB 48, 124, 208 208, 132, 48
HSL 211.5, 63.0%, 50.2% 31.5, 63.0%, 50.2%
HSV 211.5, 76.9%, 81.6% 31.5, 76.9%, 81.6%
CMYK 76.9%, 40.4%, 0.0%, 18.4% 0.0%, 36.5%, 76.9%, 18.4%
OKLCH 0.582 0.1488 253.6 0.6787 0.1334 64.1

对比度与无障碍

1.43:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D08430 → 背景色: #307CD0

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

文本: #307CD0 → 背景色: #D08430

色差 (Delta E)

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

渐变

#307CD0 #6C7DB7 #8B7E9D #A27F84 #B4806A #C3824F #D08430

颜色混合

#307CD0

100%

#7D7DAA

75:25

#A27F84

50:50

#BC815D

25:75

#D08430

100%

CSS渐变代码

background: linear-gradient(to right, #307CD0, #D08430);
background: linear-gradient(135deg, #307CD0, #D08430);

探索每种颜色

#307CD0

查看完整颜色详情

#D08430

查看完整颜色详情

相关比较