#F2FD53

#F2FD53

Color Values

HEX

#F2FD53

RGB

242, 253, 83

HSL

63.9, 97.7%, 65.9%

HSV

63.9, 67.2%, 99.2%

CMYK

4.3%, 0.0%, 67.2%, 0.8%

OKLCH

0.9564 0.1853 113.0

Properties

Cool Light Nearest: Unmellow Yellow

Color Harmonies

Complementary

#F2FD53

#5E53FD

Analogous

#FDB353

#9DFD53

#F2FD53

Triadic

#F2FD53

#53F2FD

#FD53F2

Split Complementary

#F2FD53

#539DFD

#B353FD

Tetradic

#F2FD53

#53FDB3

#5E53FD

#FD539D

Color Blindness Simulation

Original

#F2FD53

Protanopia

#F7F77C

Deuteranopia

#F6F586

Tritanopia

#F39DA4

Achromatopsia

#EEEEEE

CSS Usage

background-color: #F2FD53;
color: #F2FD53;
border-color: #F2FD53;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FDFEF1
100
#FAFCDE
200
#FAFEB8
300
#F6FE86
400
#F1FD44
500
#ECFC03
600
#BDCA02
700
#97A102
800
#767E01
900
#565B06
950
#363A04

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

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