Hex Color #234C5D - Custom Color

Color Codes

HEX

#234C5D

RGB

rgb(35, 76, 93)

HSL

hsl(198, 45%, 25%)

CMYK

cmyk(62%, 18%, 0%, 64%)

HSV

hsv(198, 62%, 36%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#235C51 #234B5C #232F5C

Triadic

#234B5C #5C234B #4B5C23

Split Complementary

#234B5C #5C232F #5C5123

Tetradic (Square)

#234B5C #51235C #5C3423 #2F5C23

Complementary

#234C5D #5C3423

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 9.28:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.26: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: #234C5D;

color: #234C5D;

border-color: #234C5D;

}

Tailwind CSS (with arbitrary values)

bg-[#234C5D]

text-[#234C5D]

border-[#234C5D]

// Example usage: