Hex Color #C6D18E - Custom Color

Color Codes

HEX

#C6D18E

RGB

rgb(198, 209, 142)

HSL

hsl(70, 42%, 69%)

CMYK

cmyk(5%, 0%, 32%, 18%)

HSV

hsv(70, 32%, 82%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#D1BB8F #C6D18F #A5D18F

Triadic

#C6D18F #8FC6D1 #D18FC6

Split Complementary

#C6D18F #8FA5D1 #BB8FD1

Tetradic (Square)

#C6D18F #8FD1BB #9A8FD1 #D18FA5

Complementary

#C6D18E #9A8FD1

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.63:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.91:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #C6D18E;

color: #C6D18E;

border-color: #C6D18E;

}

Tailwind CSS (with arbitrary values)

bg-[#C6D18E]

text-[#C6D18E]

border-[#C6D18E]

// Example usage: