Named color · #FA9D5A
Tan Hide
Tan Hide is #FA9D5A: rgb(250 157 90), hsl(25 94% 67%), oklch(0.778 0.138 54.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Tan Hide color name →
#FA9D5A
oklch(0.778 0.138 54.8)
Color conversions
- HEX
- #fa9d5a
- RGB
- rgb(250 157 90)
- HSL
- hsl(25 94% 67%)
- HWB
- hwb(25 35% 2%)
- OKLCH
- oklch(0.778 0.138 54.8)
- OKLab
- oklab(0.778 0.08 0.113)
- CIE Lab
- lab(73.58 31.35 49.56)
- LCH
- lch(73.58 58.64 57.7)
- CMYK
- cmyk(0% 37% 64% 2%)
Tints · Shades · Tones
Tints
- FCA76D
- FDB17E
- FEBB8F
- FFC59F
- FFCFAF
- FFD9BF
- FFE2CF
- FFECDF
- FFF6EF
Shades
- D9884D
- BA7341
- 9B5F35
- 7D4C29
- 613A1E
- 462813
- 2D1809
- 150903
- 030100
Tones
- EE9B60
- E29865
- D5966A
- C9936E
- BD9072
- B18D75
- A58A78
- 99877B
- 8C837E
Color harmonies
Complementary +180°
- FA9D5A
Tan Hide
- 51C4FF
≈ Shovel Knight
Analogous -30° +30°
- FA9D5A
Tan Hide
- FF948D
≈ Lolly
- DFAF3C
≈ Themeda Japonica
Triadic +120° +240°
- FA9D5A
Tan Hide
- 2DD3B1
≈ Channel Marker Green
- BCA6FF
≈ Diva
Split-complementary +150° +210°
- FA9D5A
Tan Hide
- 00CEDF
≈ Jade Glass
- 93B5FF
≈ Carolina Blue
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.09:1 · APCA Lc 41
Ag
AAAOn black
WCAG 10.03:1 · APCA Lc 62
Best text color: #000000
WCAG 10.03:1 (AAA) · APCA Lc 62
Contrast pairs
Code snippets
CSS
:root {
--tan-hide: #fa9d5a;
--tan-hide-rgb: 250 157 90;
--tan-hide-oklch: oklch(0.778 0.138 54.8);
}
.element {
color: var(--tan-hide);
background-color: hsl(25 94% 67%);
border-color: oklch(0.778 0.138 54.8);
}Tailwind CSS v4
@theme {
--color-tan-hide: #fa9d5a;
--color-tan-hide-50: #ffeccf;
--color-tan-hide-100: #ffddbb;
--color-tan-hide-200: #ffc69a;
--color-tan-hide-300: #eda56f;
--color-tan-hide-400: #dc8647;
--color-tan-hide-500: #ca6805;
--color-tan-hide-600: #aa590d;
--color-tan-hide-700: #89470c;
--color-tan-hide-800: #663209;
--color-tan-hide-900: #482206;
--color-tan-hide-950: #2f1100;
}SCSS
$tan-hide: #fa9d5a;
$tan-hide-rgb: 250, 157, 90;
$tan-hide-light: mix(#fff, $tan-hide, 20%);
$tan-hide-dark: mix(#000, $tan-hide, 20%);
.element {
color: $tan-hide;
box-shadow: 0 0 0 2px rgba($tan-hide, 0.35);
}