#F1F104

#F1F104

Color Values

HEX

#F1F104

RGB

241, 241, 4

HSL

60.0, 96.7%, 48.0%

HSV

60.0, 98.3%, 94.5%

CMYK

0.0%, 0.0%, 98.3%, 5.5%

OKLCH

0.9275 0.2017 109.8

Properties

Warm Light Nearest: yellow 2

Color Harmonies

Complementary

#F1F104

#0404F1

Analogous

#F17A04

#7AF104

#F1F104

Triadic

#F1F104

#04F1F1

#F104F1

Split Complementary

#F1F104

#047AF1

#7A04F1

Tetradic

#F1F104

#04F17A

#0404F1

#F1047A

Color Blindness Simulation

Original

#F1F104

Protanopia

#F1F13D

Deuteranopia

#F1F14B

Tritanopia

#F16B75

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#FEFEF1
100
#FCFCDE
200
#FEFEB9
300
#FDFD87
400
#FCFC45
500
#FBFB04
600
#C9C903
700
#A1A103
800
#7D7D02
900
#5B5B06
950
#393904

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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