#C4FAA2

#C4FAA2

Color Values

HEX

#C4FAA2

RGB

196, 250, 162

HSL

96.8, 89.8%, 80.8%

HSV

96.8, 35.2%, 98.0%

CMYK

21.6%, 0.0%, 35.2%, 2.0%

OKLCH

0.9274 0.127 134.0

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#C4FAA2

#D8A2FA

Analogous

#F0FAA2

#A2FAAC

#C4FAA2

Triadic

#C4FAA2

#A2C4FA

#FAA2C4

Split Complementary

#C4FAA2

#ACA2FA

#FAA2F0

Tetradic

#C4FAA2

#A2F0FA

#D8A2FA

#FAACA2

Color Blindness Simulation

Original

#C4FAA2

Protanopia

#DBDCB7

Deuteranopia

#D8D4BC

Tritanopia

#C7C8CC

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F6FDF2
100
#EAFBE0
200
#D4FBBB
300
#B5F98B
400
#8DF54C
500
#66F20D
600
#51C20A
700
#419B08
800
#337907
900
#285809
950
#193706

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

17.54: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