#2C2ABC

#2C2ABC

#BABC2A

#BABC2A

对比度

4.77:1

Delta E

163.39

Very Different

50:50 混合

#937181

颜色值

格式 #2C2ABC #BABC2A
HEX #2C2ABC #BABC2A
RGB 44, 42, 188 186, 188, 42
HSL 240.8, 63.5%, 45.1% 60.8, 63.5%, 45.1%
HSV 240.8, 77.7%, 73.7% 60.8, 77.7%, 73.7%
CMYK 76.6%, 77.7%, 0.0%, 26.3% 1.1%, 0.0%, 77.7%, 26.3%
OKLCH 0.4089 0.2167 272.0 0.7693 0.1567 110.4

对比度与无障碍

4.77:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #BABC2A → 背景色: #2C2ABC

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

文本: #2C2ABC → 背景色: #BABC2A

色差 (Delta E)

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

渐变

#2C2ABC #6241A9 #7F5996 #937181 #A38A6B #B0A351 #BABC2A

颜色混合

#2C2ABC

100%

#714D9F

75:25

#937181

50:50

#AA965F

25:75

#BABC2A

100%

CSS渐变代码

background: linear-gradient(to right, #2C2ABC, #BABC2A);
background: linear-gradient(135deg, #2C2ABC, #BABC2A);

探索每种颜色

#2C2ABC

查看完整颜色详情

#BABC2A

查看完整颜色详情

相关比较