Hex Color #261848 - Custom Color

Color Codes

HEX

#261848

RGB

rgb(38, 24, 72)

HSL

hsl(258, 50%, 19%)

CMYK

cmyk(47%, 67%, 0%, 72%)

HSV

hsv(258, 67%, 28%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#182249 #271849 #3F1849

Triadic

#271849 #492718 #184927

Split Complementary

#271849 #493F18 #224918

Tetradic (Square)

#271849 #491822 #3A4918 #18493F

Complementary

#261848 #3A4918

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 16.07:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.31: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: #261848;

color: #261848;

border-color: #261848;

}

Tailwind CSS (with arbitrary values)

bg-[#261848]

text-[#261848]

border-[#261848]

// Example usage: