#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