#FAF241

#FAF241

Color Values

HEX

#FAF241

RGB

250, 242, 65

HSL

57.4, 94.9%, 61.8%

HSV

57.4, 74.0%, 98.0%

CMYK

0.0%, 3.2%, 74.0%, 2.0%

OKLCH

0.9388 0.1836 106.8

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#FAF241

#4149FA

Analogous

#FA9641

#A6FA41

#FAF241

Triadic

#FAF241

#41FAF2

#F241FA

Split Complementary

#FAF241

#41A6FA

#9641FA

Tetradic

#FAF241

#41FA96

#4149FA

#FA41A6

Color Blindness Simulation

Original

#FAF241

Protanopia

#F7F66C

Deuteranopia

#F7F876

Tritanopia

#FA8E95

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFADF
200
#FDFAB9
300
#FCF788
400
#FAF247
500
#F8EE07
600
#C7BE05
700
#9F9804
800
#7C7703
900
#5A5607
950
#393604

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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