Hex Color #082280 - Custom Color

Color Codes

HEX

#082280

RGB

rgb(8, 34, 128)

HSL

hsl(227, 88%, 27%)

CMYK

cmyk(94%, 73%, 0%, 50%)

HSV

hsv(227, 94%, 50%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#085F81 #082381 #2B0881

Triadic

#082381 #810823 #238108

Split Complementary

#082381 #812B08 #5F8108

Tetradic (Square)

#082381 #81085F #816708 #08812B

Complementary

#082280 #816708

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 13.54:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.55: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: #082280;

color: #082280;

border-color: #082280;

}

Tailwind CSS (with arbitrary values)

bg-[#082280]

text-[#082280]

border-[#082280]

// Example usage: