Hex Color #238472 - Custom Color

Color Codes

HEX

#238472

RGB

rgb(35, 132, 114)

HSL

hsl(169, 58%, 33%)

CMYK

cmyk(73%, 0%, 14%, 48%)

HSV

hsv(169, 73%, 52%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#238542 #238573 #236685

Triadic

#238573 #732385 #857323

Split Complementary

#238573 #852366 #854223

Tetradic (Square)

#238573 #422385 #852335 #668523

Complementary

#238472 #852335

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.55:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.61: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: #238472;

color: #238472;

border-color: #238472;

}

Tailwind CSS (with arbitrary values)

bg-[#238472]

text-[#238472]

border-[#238472]

// Example usage: