Hex Color #389FE5 - Custom Color

Color Codes

HEX

#389FE5

RGB

rgb(56, 159, 229)

HSL

hsl(204, 77%, 56%)

CMYK

cmyk(76%, 31%, 0%, 10%)

HSV

hsv(204, 76%, 90%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#38E5D4 #38A0E5 #384AE5

Triadic

#38A0E5 #E538A0 #A0E538

Split Complementary

#38A0E5 #E5384A #E5D438

Tetradic (Square)

#38A0E5 #D438E5 #E57E38 #4AE538

Complementary

#389FE5 #E57E38

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.89:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 7.26: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: #389FE5;

color: #389FE5;

border-color: #389FE5;

}

Tailwind CSS (with arbitrary values)

bg-[#389FE5]

text-[#389FE5]

border-[#389FE5]

// Example usage: