Hex Color #240850 - Custom Color

Color Codes

HEX

#240850

RGB

rgb(36, 8, 80)

HSL

hsl(263, 82%, 17%)

CMYK

cmyk(55%, 90%, 0%, 69%)

HSV

hsv(263, 90%, 31%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#08104F #23084F #47084F

Triadic

#23084F #4F2308 #084F23

Split Complementary

#23084F #4F4708 #104F08

Tetradic (Square)

#23084F #4F0810 #344F08 #084F47

Complementary

#240850 #344F08

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 17.13:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.23: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: #240850;

color: #240850;

border-color: #240850;

}

Tailwind CSS (with arbitrary values)

bg-[#240850]

text-[#240850]

border-[#240850]

// Example usage: