#CAFFB4

#CAFFB4

Color Values

HEX

#CAFFB4

RGB

202, 255, 180

HSL

102.4, 100.0%, 85.3%

HSV

102.4, 29.4%, 100.0%

CMYK

20.8%, 0.0%, 29.4%, 0.0%

OKLCH

0.9454 0.1122 136.7

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#CAFFB4

#E9B4FF

Analogous

#F0FFB4

#B4FFC4

#CAFFB4

Triadic

#CAFFB4

#B4CAFF

#FFB4CA

Split Complementary

#CAFFB4

#C4B4FF

#FFB4F0

Tetradic

#CAFFB4

#B4F0FF

#E9B4FF

#FFC4B4

Color Blindness Simulation

Original

#CAFFB4

Protanopia

#E1E1C6

Deuteranopia

#DEDACA

Tritanopia

#CDD4D8

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#F5FEF1
100
#E7FCDE
200
#CDFFB8
300
#A9FF85
400
#7AFF42
500
#4BFF00
600
#3CCC00
700
#30A300
800
#258000
900
#1E5C05
950
#133A03

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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