Adlandırılmış renk · #FA9D5A
Tan Hide
Tan Hide, #FA9D5A: rgb(250 157 90), hsl(25 94% 67%), oklch(0.778 0.138 54.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Tan Hide color name →
#FA9D5A
oklch(0.778 0.138 54.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FCA76D
- FDB17E
- FEBB8F
- FFC59F
- FFCFAF
- FFD9BF
- FFE2CF
- FFECDF
- FFF6EF
Koyu tonlar
- D9884D
- BA7341
- 9B5F35
- 7D4C29
- 613A1E
- 462813
- 2D1809
- 150903
- 030100
Gri tonlar
- EE9B60
- E29865
- D5966A
- C9936E
- BD9072
- B18D75
- A58A78
- 99877B
- 8C837E
Renk uyumları
Tamamlayıcı +180°
- FA9D5A
Tan Hide
- 51C4FF
≈ Shovel Knight
Analog -30° +30°
- FA9D5A
Tan Hide
- FF948D
≈ Lolly
- DFAF3C
≈ Themeda Japonica
Üçlü +120° +240°
- FA9D5A
Tan Hide
- 2DD3B1
≈ Channel Marker Green
- BCA6FF
≈ Diva
Bölünmüş tamamlayıcı +150° +210°
- FA9D5A
Tan Hide
- 00CEDF
≈ Jade Glass
- 93B5FF
≈ Carolina Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.09:1 · APCA Lc 41
Ag
AAASiyah üzerinde
WCAG 10.03:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.03:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
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);
}