#FAF93F

#FAF93F

Color Values

HEX

#FAF93F

RGB

250, 249, 63

HSL

59.7, 94.9%, 61.4%

HSV

59.7, 74.8%, 98.0%

CMYK

0.0%, 0.4%, 74.8%, 2.0%

OKLCH

0.9532 0.1909 109.2

Properties

Warm Light Nearest: RAL 1018 Zinc Yellow

Color Harmonies

Complementary

#FAF93F

#3F40FA

Analogous

#FA9C3F

#9EFA3F

#FAF93F

Triadic

#FAF93F

#3FFAF9

#F93FFA

Split Complementary

#FAF93F

#3F9EFA

#9C3FFA

Tetradic

#FAF93F

#3FFA9C

#3F40FA

#FA3F9E

Color Blindness Simulation

Original

#FAF93F

Protanopia

#FAFA6C

Deuteranopia

#FAFA77

Tritanopia

#FA9097

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFBDF
200
#FDFDB9
300
#FCFB88
400
#FAF947
500
#F8F707
600
#C7C605
700
#9F9E04
800
#7C7C03
900
#5A5907
950
#393804

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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