#6180FF

#6180FF

#FFE061

#FFE061

Contrast Ratio

2.66:1

Delta E

138.44

Very Different

50:50 Mix

#C9ADB7

Color Values

Format #6180FF #FFE061
HEX #6180FF #FFE061
RGB 97, 128, 255 255, 224, 97
HSL 228.2, 100.0%, 69.0% 48.2, 100.0%, 69.0%
HSV 228.2, 62.0%, 100.0% 48.2, 62.0%, 100.0%
CMYK 62.0%, 49.8%, 0.0%, 0.0% 0.0%, 12.2%, 62.0%, 0.0%
OKLCH 0.6417 0.191 270.0 0.9092 0.148 95.6

Contrast & Accessibility

2.66:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #FFE061 → Background: #6180FF

The quick brown fox jumps over the lazy dog

Text: #6180FF → Background: #FFE061

Color Difference (Delta E)

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

Gradient

#6180FF #918EE7 #B19DCF #C9ADB7 #DEBE9D #EFCF81 #FFE061

Color Mixing

#6180FF

100%

#A296DB

75:25

#C9ADB7

50:50

#E7C690

25:75

#FFE061

100%

CSS Gradient Code

background: linear-gradient(to right, #6180FF, #FFE061);
background: linear-gradient(135deg, #6180FF, #FFE061);

Explore Each Color

#6180FF

View full color details

#FFE061

View full color details

Related Comparisons