Hex Color #38CB92 - Custom Color

Color Codes

HEX

#38CB92

RGB

rgb(56, 203, 146)

HSL

hsl(157, 59%, 51%)

CMYK

cmyk(72%, 0%, 28%, 20%)

HSV

hsv(157, 72%, 80%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#38CC4A #38CC93 #38BBCC

Triadic

#38CC93 #9338CC #CC9338

Split Complementary

#38CC93 #CC38BB #CC4A38

Tetradic (Square)

#38CC93 #4A38CC #CC3871 #BBCC38

Complementary

#38CB92 #CC3871

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.07:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.13:1

Pass - WCAG AA (Normal Text)

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

color: #38CB92;

border-color: #38CB92;

}

Tailwind CSS (with arbitrary values)

bg-[#38CB92]

text-[#38CB92]

border-[#38CB92]

// Example usage: