Hex Color #095567 - Custom Color

Color Codes

HEX

#095567

RGB

rgb(9, 85, 103)

HSL

hsl(191, 84%, 22%)

CMYK

cmyk(91%, 17%, 0%, 60%)

HSV

hsv(191, 91%, 40%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#096749 #095667 #092767

Triadic

#095667 #670956 #566709

Split Complementary

#095667 #670927 #674909

Tetradic (Square)

#095667 #490967 #671A09 #276709

Complementary

#095567 #671A09

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 8.38:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.51: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: #095567;

color: #095567;

border-color: #095567;

}

Tailwind CSS (with arbitrary values)

bg-[#095567]

text-[#095567]

border-[#095567]

// Example usage: