Colore con nome · #FEAE0D
Turmeric Root
Turmeric Root è #FEAE0D: rgb(254 174 13), hsl(40 99% 52%), oklch(0.808 0.168 75.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Turmeric Root color name →
#FEAE0D
oklch(0.808 0.168 75.3)
Conversioni di colore
- HEX
- #feae0d
- RGB
- rgb(254 174 13)
- HSL
- hsl(40 99% 52%)
- HWB
- hwb(40 5% 0%)
- OKLCH
- oklch(0.808 0.168 75.3)
- OKLab
- oklab(0.808 0.043 0.163)
- CIE Lab
- lab(77.53 22.71 78.83)
- LCH
- lch(77.53 82.04 73.9)
- CMYK
- cmyk(0% 31% 95% 0%)
Tinte · Ombre · Toni
Tinte
- FFB742
- FFBF5F
- FFC877
- FFD08C
- FFD8A0
- FFE0B4
- FFE8C7
- FFF0DA
- FFF7ED
Ombre
- DD970A
- BD8007
- 9E6A05
- 805503
- 634102
- 472E01
- 2D1C00
- 160B00
- 030100
Toni
- F1AA31
- E4A643
- D8A150
- CB9D5A
- BE9863
- B2946A
- A58F71
- 998A76
- 8C857B
Armonie di colore
Complementare +180°
- FEAE0D
Turmeric Root
- 96C3FF
≈ Pastel Blue
Analogo -30° +30°
- FEAE0D
Turmeric Root
- FFA880
≈ Peach Fizz
- D0C515
≈ Barberry Bush
Triadico +120° +240°
- FEAE0D
Turmeric Root
- 00DBDC
≈ Fish Boy
- E3A3FF
≈ Medium Lavender Magenta
Complementare divisa +150° +210°
- FEAE0D
Turmeric Root
- 4ED1FF
≈ Libra Blue Morpho
- B9B7FF
≈ Greyish Lavender
Tetradico +90° +180° +270°
- FEAE0D
Turmeric Root
- 08E1A5
≈ Malted Mint Madness
- 96C3FF
≈ Pastel Blue
- FF9BD4
≈ Himalayan Balsam
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.86:1 · APCA Lc 35
Ag
AAASu nero
WCAG 11.27:1 · APCA Lc 68
Miglior colore del testo: #000000
WCAG 11.27:1 (AAA) · APCA Lc 68
Contrast pairs
Frammenti di codice
CSS
:root {
--turmeric-root: #feae0d;
--turmeric-root-rgb: 254 174 13;
--turmeric-root-oklch: oklch(0.808 0.168 75.3);
}
.element {
color: var(--turmeric-root);
background-color: hsl(40 99% 52%);
border-color: oklch(0.808 0.168 75.3);
}Tailwind CSS v4
@theme {
--color-turmeric-root: #feae0d;
--color-turmeric-root-50: #fff0bf;
--color-turmeric-root-100: #ffe1a8;
--color-turmeric-root-200: #fdcb7f;
--color-turmeric-root-300: #e7ab46;
--color-turmeric-root-400: #d78d00;
--color-turmeric-root-500: #c47000;
--color-turmeric-root-600: #a55f00;
--color-turmeric-root-700: #854c00;
--color-turmeric-root-800: #643600;
--color-turmeric-root-900: #462500;
--color-turmeric-root-950: #2d1300;
}SCSS
$turmeric-root: #feae0d;
$turmeric-root-rgb: 254, 174, 13;
$turmeric-root-light: mix(#fff, $turmeric-root, 20%);
$turmeric-root-dark: mix(#000, $turmeric-root, 20%);
.element {
color: $turmeric-root;
box-shadow: 0 0 0 2px rgba($turmeric-root, 0.35);
}