#CAFE85

#CAFE85

Color Values

HEX

#CAFE85

RGB

202, 254, 133

HSL

85.8, 98.4%, 75.9%

HSV

85.8, 47.6%, 99.6%

CMYK

20.5%, 0.0%, 47.6%, 0.4%

OKLCH

0.9354 0.1596 128.3

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#CAFE85

#B985FE

Analogous

#FEF685

#8EFE85

#CAFE85

Triadic

#CAFE85

#85CAFE

#FE85CA

Split Complementary

#CAFE85

#858EFE

#F685FE

Tetradic

#CAFE85

#85FEF6

#B985FE

#FE858E

Color Blindness Simulation

Original

#CAFE85

Protanopia

#E1E1A2

Deuteranopia

#DEDAA9

Tritanopia

#CDB9BE

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F8FEF1
100
#EFFCDE
200
#E0FEB8
300
#CAFE86
400
#AEFD44
500
#91FD02
600
#74CA02
700
#5DA201
800
#497E01
900
#365B06
950
#223A04

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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