#C1EC87

#C1EC87

Color Values

HEX

#C1EC87

RGB

193, 236, 135

HSL

85.5, 72.7%, 72.7%

HSV

85.5, 42.8%, 92.5%

CMYK

18.2%, 0.0%, 42.8%, 7.5%

OKLCH

0.8902 0.1365 127.8

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#C1EC87

#B287EC

Analogous

#ECE487

#8EEC87

#C1EC87

Triadic

#C1EC87

#87C1EC

#EC87C1

Split Complementary

#C1EC87

#878EEC

#E487EC

Tetradic

#C1EC87

#87ECE4

#B287EC

#EC878E

Color Blindness Simulation

Original

#C1EC87

Protanopia

#D4D49F

Deuteranopia

#D1CEA5

Tritanopia

#C3B3B7

Achromatopsia

#DCDCDC

CSS Usage

background-color: #C1EC87;
color: #C1EC87;
border-color: #C1EC87;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8FCF3
100
#EFF8E2
200
#DFF5C1
300
#C8EE95
400
#ABE55C
500
#8DDC23
600
#71B01C
700
#5A8D16
800
#476E11
900
#355011
950
#22330B

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

15.62:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026