#FAF932

#FAF932

Color Values

HEX

#FAF932

RGB

250, 249, 50

HSL

59.7, 95.2%, 58.8%

HSV

59.7, 80.0%, 98.0%

CMYK

0.0%, 0.4%, 80.0%, 2.0%

OKLCH

0.9526 0.1966 109.3

Properties

Warm Light Nearest: RAL 1018 Zinc Yellow

Color Harmonies

Complementary

#FAF932

#3233FA

Analogous

#FA9532

#97FA32

#FAF932

Triadic

#FAF932

#32FAF9

#F932FA

Split Complementary

#FAF932

#3297FA

#9532FA

Tetradic

#FAF932

#32FA95

#3233FA

#FA3297

Color Blindness Simulation

Original

#FAF932

Protanopia

#FAFA62

Deuteranopia

#FAFA6E

Tritanopia

#FA8891

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFBDF
200
#FDFDB9
300
#FCFB88
400
#FAFA47
500
#F9F806
600
#C7C605
700
#9F9F04
800
#7C7C03
900
#5A5A07
950
#393904

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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