Hex Color #399EE7 - Custom Color

Color Codes

HEX

#399EE7

RGB

rgb(57, 158, 231)

HSL

hsl(205, 78%, 56%)

CMYK

cmyk(75%, 32%, 0%, 9%)

HSV

hsv(205, 75%, 91%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#37E6D8 #379DE6 #3746E6

Triadic

#379DE6 #E6379D #9DE637

Split Complementary

#379DE6 #E63746 #E6D837

Tetradic (Square)

#379DE6 #D837E6 #E68037 #46E637

Complementary

#399EE7 #E68037

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.91:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 7.22:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use white text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #399EE7;

color: #399EE7;

border-color: #399EE7;

}

Tailwind CSS (with arbitrary values)

bg-[#399EE7]

text-[#399EE7]

border-[#399EE7]

// Example usage: