#9FA9DF

#9FA9DF

#DFD59F

#DFD59F

Contrast Ratio

1.54:1

Delta E

59.75

Very Different

50:50 Mix

#C3BEC0

Color Values

Format #9FA9DF #DFD59F
HEX #9FA9DF #DFD59F
RGB 159, 169, 223 223, 213, 159
HSL 230.6, 50.0%, 74.9% 50.6, 50.0%, 74.9%
HSV 230.6, 28.7%, 87.5% 50.6, 28.7%, 87.5%
CMYK 28.7%, 24.2%, 0.0%, 12.5% 0.0%, 4.5%, 28.7%, 12.5%
OKLCH 0.7464 0.0788 276.2 0.868 0.0713 98.8

Contrast & Accessibility

1.54:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DFD59F → Background: #9FA9DF

The quick brown fox jumps over the lazy dog

Text: #9FA9DF → Background: #DFD59F

Color Difference (Delta E)

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

Gradient

#9FA9DF #ACB0D5 #B8B7CA #C3BEC0 #CDC6B5 #D6CDAA #DFD59F

Color Mixing

#9FA9DF

100%

#B2B4D0

75:25

#C3BEC0

50:50

#D2CAB0

25:75

#DFD59F

100%

CSS Gradient Code

background: linear-gradient(to right, #9FA9DF, #DFD59F);
background: linear-gradient(135deg, #9FA9DF, #DFD59F);

Explore Each Color

#9FA9DF

View full color details

#DFD59F

View full color details

Related Comparisons