#366DDF

#366DDF

#DFA836

#DFA836

Contrast Ratio

2.22:1

Delta E

129.2

Very Different

50:50 Mix

#AD8892

Color Values

Format #366DDF #DFA836
HEX #366DDF #DFA836
RGB 54, 109, 223 223, 168, 54
HSL 220.5, 72.5%, 54.3% 40.5, 72.5%, 54.3%
HSV 220.5, 75.8%, 87.5% 40.5, 75.8%, 87.5%
CMYK 75.8%, 51.1%, 0.0%, 12.5% 0.0%, 24.7%, 75.8%, 12.5%
OKLCH 0.5619 0.1839 262.6 0.764 0.1398 81.4

Contrast & Accessibility

2.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFA836 → Background: #366DDF

The quick brown fox jumps over the lazy dog

Text: #366DDF → Background: #DFA836

Color Difference (Delta E)

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

Gradient

#366DDF #7375C5 #947EAC #AD8892 #C09277 #D19D5A #DFA836

Color Mixing

#366DDF

100%

#8579B9

75:25

#AD8892

50:50

#C99769

25:75

#DFA836

100%

CSS Gradient Code

background: linear-gradient(to right, #366DDF, #DFA836);
background: linear-gradient(135deg, #366DDF, #DFA836);

Explore Each Color

#366DDF

View full color details

#DFA836

View full color details

Related Comparisons