#FAF595

#FAF595

Color Values

HEX

#FAF595

RGB

250, 245, 149

HSL

57.0, 91.0%, 78.2%

HSV

57.0, 40.4%, 98.0%

CMYK

0.0%, 2.0%, 40.4%, 2.0%

OKLCH

0.9535 0.118 105.8

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#FAF595

#959AFA

Analogous

#FAC295

#CCFA95

#FAF595

Triadic

#FAF595

#95FAF5

#F595FA

Split Complementary

#FAF595

#95CCFA

#C295FA

Tetradic

#FAF595

#95FAC2

#959AFA

#FA95CC

Color Blindness Simulation

Original

#FAF595

Protanopia

#F8F8AC

Deuteranopia

#F8F8B2

Tritanopia

#FABFC3

Achromatopsia

#EFEFEF

CSS Usage

background-color: #FAF595;
color: #FAF595;
border-color: #FAF595;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FDFDF1
100
#FBFADF
200
#FCF9BB
300
#F9F48A
400
#F7EE4B
500
#F4E80B
600
#C3BA09
700
#9C9407
800
#7A7406
900
#585409
950
#383506

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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