#1CA86F

#1CA86F

Color Values

HEX

#1CA86F

RGB

28, 168, 111

HSL

155.6, 71.4%, 38.4%

HSV

155.6, 83.3%, 65.9%

CMYK

83.3%, 0.0%, 33.9%, 34.1%

OKLCH

0.6481 0.1413 159.4

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#1CA86F

#A81C55

Analogous

#1CA829

#1C9BA8

#1CA86F

Triadic

#1CA86F

#6F1CA8

#A86F1C

Split Complementary

#1CA86F

#A81C9B

#A8291C

Tetradic

#1CA86F

#291CA8

#A81C55

#9BA81C

Color Blindness Simulation

Original

#1CA86F

Protanopia

#595A7D

Deuteranopia

#504680

Tritanopia

#23888A

Achromatopsia

#868686

CSS Usage

background-color: #1CA86F;
color: #1CA86F;
border-color: #1CA86F;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F3FCF8
100
#E2F8EF
200
#C2F5E0
300
#96EDCA
400
#5DE4AD
500
#24DB90
600
#1DAF74
700
#178C5C
800
#126D48
900
#115036
950
#0B3222

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

6.88:1

AA Pass AAA Fail

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