#FA5B3D
Orange family

Guava

Also known as: tropical · vibrant · energetic · warm · playful
Save
Hex #FA5B3D
RGB rgb(250, 91, 61)
HSL hsl(10°, 95%, 61%)
CMYK 0 · 64 · 76 · 2
RAL RAL 2012 · Salmon Orange
NCS S 0540-Y90R

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In many Caribbean cultures, guava symbolizes abundance and fertility, celebrated in festivals and traditional dishes. While it represents vitality and joy in the West, in parts of Asia, it is considered a symbol of prosperity and is often used in auspicious decorations.

The name 'guava' is derived from the Spanish word 'guayaba', which itself comes from the indigenous Taíno language. Guava fruit has been cultivated for centuries, with evidence of its domestication in Central America dating back to at least the 16th century.

tropicalvibrantenergeticwarmplayful

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Guava. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 27 Oranges →

Shades & tints

Nine steps of Guava by lightness — from #822F20 (darkest) to #FCAA9A (lightest). Click any to copy.

-40% #822F20
-30% #A03A27
-20% #BE452E
-10% #DC5036
BASE #FA5B3D
+15% #FB6F54
+30% #FB826C
+50% #FC9683
+70% #FCAA9A

Complementary

Sitting opposite Guava at 190° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Guava.

#FA5B3D
#FFCC00
#F5F5F5
#FF6F61
#FF4C4C

Tropical Sunset

Warm Glow
#FA5B3D
#008C45
#BBBBBB
#FFD700
#FFB6C1

Sun-Kissed Paradise

Vibrant Escape
#FA5B3D
#F0E68C
#111111
#FF8C00
#C71585

Fruity Delight

Bold Contrast

Guava scale

A 50–900 tonal scale with Guava anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FFF2EF
100 #FEE1DC
200 #FDC1B5
300 #FCA08E
400 #FB7D66
500 #FA5B3D
600 #CD4B32
700 #A53C28
800 #7D2E1F
900 #551F15

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 6.63:1
Guava as text on… Ratio AA AAA
Aa White background 3.17:1 Large only Fail
Aa Black background 6.63:1 Pass Large only

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #FA5B3D

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #FA5B3D;
CSS color-mix (lighten 30%) color-mix(in srgb, #FA5B3D 70%, white)
HSV / HSB 10°, 76%, 98%
CMYK (print) 0, 64, 76, 2
Decimal 16407357
Nearest web-safe #FF6633

Color vision

How Guava appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#FA5B3D

Protanopia (no red)

#B5B444

Deuteranopia (no green)

#BECA46

Tritanopia (no blue)

#F24A4B
Mango
21 / 27 Oranges Cantaloupe
Copied!