#CAFE88

#CAFE88

Color Values

HEX

#CAFE88

RGB

202, 254, 136

HSL

86.4, 98.3%, 76.5%

HSV

86.4, 46.5%, 99.6%

CMYK

20.5%, 0.0%, 46.5%, 0.4%

OKLCH

0.9359 0.1567 128.6

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#CAFE88

#BC88FE

Analogous

#FEF788

#8FFE88

#CAFE88

Triadic

#CAFE88

#88CAFE

#FE88CA

Split Complementary

#CAFE88

#888FFE

#F788FE

Tetradic

#CAFE88

#88FEF7

#BC88FE

#FE888F

Color Blindness Simulation

Original

#CAFE88

Protanopia

#E1E1A5

Deuteranopia

#DEDAAB

Tritanopia

#CDBBC0

Achromatopsia

#EAEAEA

CSS Usage

background-color: #CAFE88;
color: #CAFE88;
border-color: #CAFE88;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F8FEF1
100
#EFFCDE
200
#E0FEB8
300
#C9FE86
400
#ACFD44
500
#8FFD02
600
#72CA02
700
#5BA201
800
#477E01
900
#365B06
950
#223A04

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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