Hex Color #140C79 - Custom Color

Color Codes

HEX

#140C79

RGB

rgb(20, 12, 121)

HSL

hsl(244, 82%, 26%)

CMYK

cmyk(83%, 90%, 0%, 53%)

HSV

hsv(244, 90%, 47%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#0C3B79 #130C79 #4A0C79

Triadic

#130C79 #79130C #0C7913

Split Complementary

#130C79 #794A0C #3B790C

Tetradic (Square)

#130C79 #790C3B #71790C #0C794A

Complementary

#140C79 #71790C

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 15.46:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.36:1

Fail - WCAG AA (Normal Text)

Fail - 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: #140C79;

color: #140C79;

border-color: #140C79;

}

Tailwind CSS (with arbitrary values)

bg-[#140C79]

text-[#140C79]

border-[#140C79]

// Example usage: