#CAFFAC

#CAFFAC

Color Values

HEX

#CAFFAC

RGB

202, 255, 172

HSL

98,3, 100,0%, 83,7%

HSV

98,3, 32,5%, 100,0%

CMYK

20,8%, 0,0%, 32,5%, 0,0%

OKLCH

0,9438 0,1208 134,7

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#CAFFAC

#E1ACFF

Analogous

#F4FFAC

#ACFFB7

#CAFFAC

Triadic

#CAFFAC

#ACCAFF

#FFACCA

Split Complementary

#CAFFAC

#B7ACFF

#FFACF4

Tetradic

#CAFFAC

#ACF4FF

#E1ACFF

#FFB7AC

Color Blindness Simulation

Original

#CAFFAC

Protanopia

#E1E1C0

Deuteranopia

#DEDAC5

Tritanopia

#CDD0D3

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#F6FEF1
100
#E9FCDE
200
#D1FFB8
300
#B1FF85
400
#87FF42
500
#5CFF00
600
#4ACC00
700
#3BA300
800
#2E8000
900
#245C05
950
#173A03

Contrast Checker

Text on white

1,14:1

AA Fail AAA Fail

Text on black

18,41: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