#F1EB02

#F1EB02

Color Values

HEX

#F1EB02

RGB

241, 235, 2

HSL

58,5, 98,4%, 47,6%

HSV

58,5, 99,2%, 94,5%

CMYK

0,0%, 2,5%, 99,2%, 5,5%

OKLCH

0,915 0,1969 107,8

Properties

Warm Light Nearest: yellow 2

Color Harmonies

Complementary

#F1EB02

#0208F1

Analogous

#F17302

#7FF102

#F1EB02

Triadic

#F1EB02

#02F1EB

#EB02F1

Split Complementary

#F1EB02

#027FF1

#7302F1

Tetradic

#F1EB02

#02F173

#0208F1

#F1027F

Color Blindness Simulation

Original

#F1EB02

Protanopia

#EEEE3A

Deuteranopia

#EFEF48

Tritanopia

#F16771

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFBDE
200
#FEFDB8
300
#FEFB86
400
#FDF944
500
#FDF702
600
#CAC502
700
#A29E01
800
#7E7B01
900
#5B5906
950
#3A3804

Contrast Checker

Text on white

1,26:1

AA Fail AAA Fail

Text on black

16,62:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026