Nazwany kolor · #FA9D5A
Tan Hide
Tan Hide to #FA9D5A: rgb(250 157 90), hsl(25 94% 67%), oklch(0.778 0.138 54.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Tan Hide color name →
#FA9D5A
oklch(0.778 0.138 54.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FCA76D
- FDB17E
- FEBB8F
- FFC59F
- FFCFAF
- FFD9BF
- FFE2CF
- FFECDF
- FFF6EF
Odcienie ciemniejsze
- D9884D
- BA7341
- 9B5F35
- 7D4C29
- 613A1E
- 462813
- 2D1809
- 150903
- 030100
Tony
- EE9B60
- E29865
- D5966A
- C9936E
- BD9072
- B18D75
- A58A78
- 99877B
- 8C837E
Harmonie kolorów
Komplementarna +180°
- FA9D5A
Tan Hide
- 51C4FF
≈ Shovel Knight
Analogowa -30° +30°
- FA9D5A
Tan Hide
- FF948D
≈ Lolly
- DFAF3C
≈ Themeda Japonica
Triada +120° +240°
- FA9D5A
Tan Hide
- 2DD3B1
≈ Channel Marker Green
- BCA6FF
≈ Diva
Komplementarna rozszczepiona +150° +210°
- FA9D5A
Tan Hide
- 00CEDF
≈ Jade Glass
- 93B5FF
≈ Carolina Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.09:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 10.03:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.03:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
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);
}