Hex Color #305E55 - Custom Color

Color Codes

HEX

#305E55

RGB

rgb(48, 94, 85)

HSL

hsl(168, 32%, 28%)

CMYK

cmyk(49%, 0%, 10%, 63%)

HSV

hsv(168, 49%, 37%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#315E3E #315E55 #31515E

Triadic

#315E55 #55315E #5E5531

Split Complementary

#315E55 #5E3151 #5E3E31

Tetradic (Square)

#315E55 #3E315E #5E313A #515E31

Complementary

#305E55 #5E313A

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 7.35:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.86: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: #305E55;

color: #305E55;

border-color: #305E55;

}

Tailwind CSS (with arbitrary values)

bg-[#305E55]

text-[#305E55]

border-[#305E55]

// Example usage: