#949CEF Color

Color Information

HEX#949CEF
RGB148, 156, 239
HSL235° , 74% , 76%
HSV235° , 38% , 94%
CMYK38%, 35%, 0%, 6%

Lighter Shades

#A1A8F1 #AEB4F3 #BBC0F5 #C7CCF7 #D4D7F9 #E1E3FB

Darker Shades

#8289D2 #7077B6 #5F6499 #4D517C #3B3E60 #292C43

Complementary Palette

#7F86CE #949CEF #CEC880 #EFE895 #F1EBA4 #A3AAF1

Analogous Palette

#98B7CD #A1C7E3 #8B93E1 #949CEF #BCA1E3 #C2A9E5

Triadic Palette

#8289D2 #949CEF #F58E97 #F69CA3 #97F58E #85D87D

Split Complementary Palette

#858CD7 #949CEF #EFBA95 #F1C1A0 #C9EF95 #B5D786

Square Palette

#7C83C9 #949CEF #E99BC8 #E9E29B #95EFBA #A6F2C5

Tetradic Palette

#7980C4 #949CEF #F189FA #EFE895 #93FA89 #A6FB9E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #949CEF contains 148 red, 156 green, and 239 blue.

Contrast Ratio: 2.5:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 8.39:1