Hex Color #262E66 - Custom Color

Color Codes

HEX

#262E66

RGB

rgb(38, 46, 102)

HSL

hsl(233, 46%, 27%)

CMYK

cmyk(63%, 55%, 0%, 60%)

HSV

hsv(233, 63%, 40%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#254C65 #252D65 #3D2565

Triadic

#252D65 #65252D #2D6525

Split Complementary

#252D65 #653D25 #4C6525

Tetradic (Square)

#252D65 #65254C #655D25 #25653D

Complementary

#262E66 #655D25

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 12.61:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.67: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: #262E66;

color: #262E66;

border-color: #262E66;

}

Tailwind CSS (with arbitrary values)

bg-[#262E66]

text-[#262E66]

border-[#262E66]

// Example usage: