#CAFE43

#CAFE43

Color Values

HEX

#CAFE43

RGB

202, 254, 67

HSL

76.7, 98.9%, 62.9%

HSV

76.7, 73.6%, 99.6%

CMYK

20.5%, 0.0%, 73.6%, 0.4%

OKLCH

0.9292 0.2099 124.3

Properties

Cool Light Nearest: olivedrab 1

Color Harmonies

Complementary

#CAFE43

#7743FE

Analogous

#FED443

#6CFE43

#CAFE43

Triadic

#CAFE43

#43CAFE

#FE43CA

Split Complementary

#CAFE43

#436CFE

#D443FE

Tetradic

#CAFE43

#43FED4

#7743FE

#FE436C

Color Blindness Simulation

Original

#CAFE43

Protanopia

#E1E170

Deuteranopia

#DEDA7B

Tritanopia

#CD949C

Achromatopsia

#E5E5E5

CSS Usage

background-color: #CAFE43;
color: #CAFE43;
border-color: #CAFE43;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#FAFEF1
100
#F4FCDE
200
#EBFFB8
300
#DDFE85
400
#CAFE43
500
#B7FE01
600
#93CB01
700
#75A201
800
#5C7F01
900
#445C05
950
#2B3A03

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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