#C5F4AF

#C5F4AF

Color Values

HEX

#C5F4AF

RGB

197, 244, 175

HSL

100.9, 75.8%, 82.2%

HSV

100.9, 28.3%, 95.7%

CMYK

19.3%, 0.0%, 28.3%, 4.3%

OKLCH

0.9173 0.1033 135.9

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#C5F4AF

#DEAFF4

Analogous

#E8F4AF

#AFF4BC

#C5F4AF

Triadic

#C5F4AF

#AFC5F4

#F4AFC5

Split Complementary

#C5F4AF

#BCAFF4

#F4AFE8

Tetradic

#C5F4AF

#AFE8F4

#DEAFF4

#F4BCAF

Color Blindness Simulation

Original

#C5F4AF

Protanopia

#D9DAC0

Deuteranopia

#D7D3C4

Tritanopia

#C7CDD0

Achromatopsia

#E5E5E5

CSS Usage

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

Tailwind Shades

50
#F6FCF2
100
#E9F9E2
200
#D1F6C0
300
#B1F093
400
#87E859
500
#5CE01F
600
#4AB319
700
#3B8F14
800
#2E700F
900
#24520F
950
#17330A

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

16.93:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026