Hex Color #268189 - Custom Color

Color Codes

HEX

#268189

RGB

rgb(38, 129, 137)

HSL

hsl(185, 57%, 34%)

CMYK

cmyk(72%, 6%, 0%, 46%)

HSV

hsv(185, 72%, 54%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#25885F #258088 #254E88

Triadic

#258088 #882580 #808825

Split Complementary

#258088 #88254E #885F25

Tetradic (Square)

#258088 #5F2588 #882E25 #4E8825

Complementary

#268189 #882E25

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.58:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.58: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: #268189;

color: #268189;

border-color: #268189;

}

Tailwind CSS (with arbitrary values)

bg-[#268189]

text-[#268189]

border-[#268189]

// Example usage: