#FF9966
Tangerine
Tangerine is a bright, zesty orange named after the tangerine citrus fruit. It is playful, energetic, and appetite-stimulating.
Tangerine Color Values
HEX#FF9966
RGB255, 153, 102
HSL20°, 100%, 70%
HSV20°, 60%, 100%
CMYK0%, 40%, 60%, 0%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #B4A562 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #CDBC65 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #FF868D (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #BCBCBC (~0.003% of population)
Tangerine as Text Color
Tangerine on White
2.1:1FAIL
Tangerine on Light Gray
1.9:1FAIL
Tangerine on Cream
2.0:1FAIL
Tangerine on Dark
8.1:1AAA
Tangerine on Black
10.0:1AAA
Tangerine on Soft Blue
1.8:1FAIL
Tangerine on Soft Green
1.9:1FAIL
Tangerine on Soft Pink
1.7:1FAIL
Nearest Tailwind Class
orange-400
#FB923C
Nearest Pantone Match
Pantone 715 C
#F0A93B
CSS Variable Export
:root {
--color-tangerine: #FF9966;
--color-tangerine-rgb: 255, 153, 102;
}Tailwind Config
// tailwind.config.js
colors: {
'tangerine': '#FF9966',
}Shades of Tangerine
#FF9966
#FF7E3D
#FF6314
#F05000
#C74200
#9E3500
#752700
#521B00
#290E00
#000000
Tints of Tangerine
#FF9966
#FFA375
#FFB18A
#FFBB99
#FFC5A8
#FFD3BD
#FFDDCC
#FFE7DB
#FFF5F0
#FFFFFF
Color Harmonies
Complementary
#FF9966
#66CCFF
Analogous
#FF6680
#FF9966
#FFE666
Triadic
#FF9966
#66FF99
#9966FF
Tangerine Text Preview
Heading in Tangerine
Body text in Tangerine. The quick brown fox jumps over the lazy dog.
White on Tangerine
Body text on a Tangerine background.
Tangerine text on dark background
Contrast: 8.4:1