Hex Color #269384 - Custom Color

Color Codes

HEX

#269384

RGB

rgb(38, 147, 132)

HSL

hsl(172, 59%, 36%)

CMYK

cmyk(74%, 0%, 10%, 42%)

HSV

hsv(172, 74%, 58%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#26924D #269284 #266A92

Triadic

#269284 #842692 #928426

Split Complementary

#269284 #92266A #924D26

Tetradic (Square)

#269284 #4D2692 #922634 #6A9226

Complementary

#269384 #922634

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.76:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.59:1

Pass - 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: #269384;

color: #269384;

border-color: #269384;

}

Tailwind CSS (with arbitrary values)

bg-[#269384]

text-[#269384]

border-[#269384]

// Example usage: