#311BAF

#311BAF

#99AF1B

#99AF1B

Contrast Ratio

4.46:1

Delta E

164.22

Very Different

50:50 Mix

#826675

Color Values

Format #311BAF #99AF1B
HEX #311BAF #99AF1B
RGB 49, 27, 175 153, 175, 27
HSL 248.9, 73.3%, 39.6% 68.9, 73.3%, 39.6%
HSV 248.9, 84.6%, 68.6% 68.9, 84.6%, 68.6%
CMYK 72.0%, 84.6%, 0.0%, 31.4% 12.6%, 0.0%, 84.6%, 31.4%
OKLCH 0.3804 0.2122 276.0 0.7126 0.1599 118.6

Contrast & Accessibility

4.46:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #99AF1B → Background: #311BAF

The quick brown fox jumps over the lazy dog

Text: #311BAF → Background: #99AF1B

Color Difference (Delta E)

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

Gradient

#311BAF #5B369C #734E89 #826675 #8D7E5F #959745 #99AF1B

Color Mixing

#311BAF

100%

#684293

75:25

#826675

50:50

#928A53

25:75

#99AF1B

100%

CSS Gradient Code

background: linear-gradient(to right, #311BAF, #99AF1B);
background: linear-gradient(135deg, #311BAF, #99AF1B);

Explore Each Color

#311BAF

View full color details

#99AF1B

View full color details

Related Comparisons