#F4C430
Saffron
Saffron is a warm golden-yellow named after the world's most expensive spice. It is sacred in Hinduism and Buddhism, representing purity and spirituality.
Saffron Color Values
HEX#F4C430
RGB244, 196, 48
HSL45°, 90%, 57%
HSV45°, 80%, 96%
CMYK0%, 20%, 80%, 4%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #DCC200 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #E7D03B (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #FFB2A9 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #CBCBCB (~0.003% of population)
Saffron as Text Color
Saffron on White
1.6:1FAIL
Saffron on Light Gray
1.5:1FAIL
Saffron on Cream
1.6:1FAIL
Saffron on Dark
10.4:1AAA
Saffron on Black
12.8:1AAA
Saffron on Soft Blue
1.4:1FAIL
Saffron on Soft Green
1.5:1FAIL
Saffron on Soft Pink
1.4:1FAIL
Nearest Tailwind Class
yellow-400
#FACC15
Nearest Pantone Match
Pantone 715 C
#F0A93B
CSS Variable Export
:root {
--color-saffron: #F4C430;
--color-saffron-rgb: 244, 196, 48;
}Tailwind Config
// tailwind.config.js
colors: {
'saffron': '#F4C430',
}Shades of Saffron
#F4C32F
#F3BA12
#D5A30B
#B88D0A
#9B7608
#795C06
#5C4605
#3F3003
#1D1602
#000000
Tints of Saffron
#F4C32F
#F5CA47
#F7D15F
#F8D672
#F9DD8B
#FAE4A3
#FBEBBB
#FCF1CF
#FEF8E7
#FFFFFF
Color Harmonies
Complementary
#F4C430
#2F60F4
Analogous
#F4602F
#F4C32F
#C3F42F
Triadic
#F4C32F
#2FF4C3
#C32FF4
Saffron Text Preview
Heading in Saffron
Body text in Saffron. The quick brown fox jumps over the lazy dog.
White on Saffron
Body text on a Saffron background.
Saffron text on dark background
Contrast: 10.8:1