#1CF689

#1CF689

Color Values

HEX

#1CF689

RGB

28, 246, 137

HSL

150,0, 92,4%, 53,7%

HSV

150,0, 88,6%, 96,5%

CMYK

88,6%, 0,0%, 44,3%, 3,5%

OKLCH

0,8551 0,2144 153,3

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#1CF689

#F61C89

Analogous

#1CF61C

#1CF6F6

#1CF689

Triadic

#1CF689

#891CF6

#F6891C

Split Complementary

#1CF689

#F61CF6

#F61C1C

Tetradic

#1CF689

#1C1CF6

#F61C89

#F6F61C

Color Blindness Simulation

Original

#1CF689

Protanopia

#7A7CA3

Deuteranopia

#6E5DAA

Tritanopia

#27B8BD

Achromatopsia

#C0C0C0

CSS Usage

background-color: #1CF689;
color: #1CF689;
border-color: #1CF689;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FDF7
100
#DFFBED
200
#BAFCDB
300
#89FAC2
400
#49F8A1
500
#0AF580
600
#08C466
700
#069D52
800
#057B40
900
#085930
950
#05381F

Contrast Checker

Text on white

1,44:1

AA Fail AAA Fail

Text on black

14,59: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