#2F23AF

#2F23AF

#A3AF23

#A3AF23

Contrast Ratio

4.4:1

Delta E

157.83

Very Different

50:50 Mix

#866877

Color Values

Format #2F23AF #A3AF23
HEX #2F23AF #A3AF23
RGB 47, 35, 175 163, 175, 35
HSL 245.1, 66.7%, 41.2% 65.1, 66.7%, 41.2%
HSV 245.1, 80.0%, 68.6% 65.1, 80.0%, 68.6%
CMYK 73.1%, 80.0%, 0.0%, 31.4% 6.9%, 0.0%, 80.0%, 31.4%
OKLCH 0.3876 0.2067 274.6 0.7208 0.153 114.7

Contrast & Accessibility

4.4:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #A3AF23 → Background: #2F23AF

The quick brown fox jumps over the lazy dog

Text: #2F23AF → Background: #A3AF23

Color Difference (Delta E)

157.83 Very Different
0 — Identical 5 — Similar 25 — Noticeable 100 — Very Different

Gradient

#2F23AF #5B3A9D #74518A #866877 #938062 #9C9749 #A3AF23

Color Mixing

#2F23AF

100%

#694694

75:25

#866877

50:50

#988B56

25:75

#A3AF23

100%

CSS Gradient Code

background: linear-gradient(to right, #2F23AF, #A3AF23);
background: linear-gradient(135deg, #2F23AF, #A3AF23);

Explore Each Color

#2F23AF

View full color details

#A3AF23

View full color details

Related Comparisons