#C7F989

#C7F989

Color Values

HEX

#C7F989

RGB

199, 249, 137

HSL

86.8, 90.3%, 75.7%

HSV

86.8, 45.0%, 97.6%

CMYK

20.1%, 0.0%, 45.0%, 2.4%

OKLCH

0.9231 0.1501 128.7

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#C7F989

#BB89F9

Analogous

#F9F389

#8FF989

#C7F989

Triadic

#C7F989

#89C7F9

#F989C7

Split Complementary

#C7F989

#898FF9

#F389F9

Tetradic

#C7F989

#89F9F3

#BB89F9

#F9898F

Color Blindness Simulation

Original

#C7F989

Protanopia

#DDDDA4

Deuteranopia

#DAD6AB

Tritanopia

#C9BABE

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#F8FDF1
100
#EFFBDF
200
#DFFCBB
300
#C8F98B
400
#AAF64B
500
#8CF30C
600
#70C20A
700
#599B08
800
#467906
900
#355809
950
#213706

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

17.34:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026