#CAFE01

#CAFE01

Color Values

HEX

#CAFE01

RGB

202, 254, 1

HSL

72,3, 99,2%, 50,0%

HSV

72,3, 99,6%, 99,6%

CMYK

20,5%, 0,0%, 99,6%, 0,4%

OKLCH

0,9272 0,2283 123,4

Properties

Cool Light Nearest: olivedrab 1

Color Harmonies

Complementary

#CAFE01

#3501FE

Analogous

#FEB301

#4CFE01

#CAFE01

Triadic

#CAFE01

#01CAFE

#FE01CA

Split Complementary

#CAFE01

#014CFE

#B301FE

Tetradic

#CAFE01

#01FEB3

#3501FE

#FE014C

Color Blindness Simulation

Original

#CAFE01

Protanopia

#E1E13E

Deuteranopia

#DEDA4D

Tritanopia

#CD6F79

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#FBFEF1
100
#F6FCDE
200
#F0FFB8
300
#E6FF85
400
#D8FE43
500
#CAFE01
600
#A2CB01
700
#81A301
800
#657F01
900
#4A5C05
950
#2F3A03

Contrast Checker

Text on white

1,19:1

AA Fail AAA Fail

Text on black

17,69:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026