#CAFEAB

#CAFEAB

Color Values

HEX

#CAFEAB

RGB

202, 254, 171

HSL

97.6, 97.6%, 83.3%

HSV

97.6, 32.7%, 99.6%

CMYK

20.5%, 0.0%, 32.7%, 0.4%

OKLCH

0.9415 0.1204 134.3

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#CAFEAB

#DFABFE

Analogous

#F3FEAB

#ABFEB5

#CAFEAB

Triadic

#CAFEAB

#ABCAFE

#FEABCA

Split Complementary

#CAFEAB

#B5ABFE

#FEABF3

Tetradic

#CAFEAB

#ABF3FE

#DFABFE

#FEB5AB

Color Blindness Simulation

Original

#CAFEAB

Protanopia

#E1E1BF

Deuteranopia

#DEDAC4

Tritanopia

#CDCFD2

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F6FEF1
100
#E9FCDE
200
#D2FEB8
300
#B3FE86
400
#89FD45
500
#60FC03
600
#4DCA02
700
#3DA102
800
#307E02
900
#265B06
950
#183904

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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