Colore con nome · #E08A1E
Sumac Dyed
Sumac Dyed è #E08A1E: rgb(224 138 30), hsl(33 76% 50%), oklch(0.708 0.151 64.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Sumac Dyed color name →
#E08A1E
oklch(0.708 0.151 64.9)
Conversioni di colore
- HEX
- #e08a1e
- RGB
- rgb(224 138 30)
- HSL
- hsl(33 76% 50%)
- HWB
- hwb(33 12% 12%)
- OKLCH
- oklch(0.708 0.151 64.9)
- OKLab
- oklab(0.708 0.064 0.137)
- CIE Lab
- lab(65.66 28.47 65.33)
- LCH
- lch(65.66 71.26 66.5)
- CMYK
- cmyk(0% 38% 87% 12%)
Tinte · Ombre · Toni
Tinte
- E49642
- E8A25B
- ECAE72
- EFBA87
- F2C69B
- F5D1AF
- F8DDC3
- FBE8D7
- FDF4EB
Ombre
- C37719
- A66513
- 8A530E
- 704209
- 563205
- 3E2203
- 271401
- 120700
- 020100
Toni
- D78A33
- CD8941
- C4894C
- BA8856
- B1875F
- A78666
- 9E856D
- 948374
- 8A827A
Armonie di colore
Complementare +180°
- E08A1E
Sumac Dyed
- 3DA9F8
≈ Xed
Analogo -30° +30°
- E08A1E
Sumac Dyed
- EF7A5D
≈ Orange Daylily
- BE9F00
≈ Snakebite Leather
Triadico +120° +240°
- E08A1E
Sumac Dyed
- 00BAAB
≈ Verditer
- B786EC
≈ Lavender Blossom
Complementare divisa +150° +210°
- E08A1E
Sumac Dyed
- 00B4D1
≈ Aquarius
- 8697FE
≈ Periwinkle Blue
Tetradico +90° +180° +270°
- E08A1E
Sumac Dyed
- 3EBC76
≈ Esmeralda
- 3DA9F8
≈ Xed
- D97AC6
≈ Purple Kush
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.68:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.82:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.82:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--sumac-dyed: #e08a1e;
--sumac-dyed-rgb: 224 138 30;
--sumac-dyed-oklch: oklch(0.708 0.151 64.9);
}
.element {
color: var(--sumac-dyed);
background-color: hsl(33 76% 50%);
border-color: oklch(0.708 0.151 64.9);
}Tailwind CSS v4
@theme {
--color-sumac-dyed: #e08a1e;
--color-sumac-dyed-50: #ffeec8;
--color-sumac-dyed-100: #ffdfb3;
--color-sumac-dyed-200: #ffc88e;
--color-sumac-dyed-300: #eba75e;
--color-sumac-dyed-400: #da8929;
--color-sumac-dyed-500: #c86b00;
--color-sumac-dyed-600: #a95b00;
--color-sumac-dyed-700: #874900;
--color-sumac-dyed-800: #663400;
--color-sumac-dyed-900: #472300;
--color-sumac-dyed-950: #2e1200;
}SCSS
$sumac-dyed: #e08a1e;
$sumac-dyed-rgb: 224, 138, 30;
$sumac-dyed-light: mix(#fff, $sumac-dyed, 20%);
$sumac-dyed-dark: mix(#000, $sumac-dyed, 20%);
.element {
color: $sumac-dyed;
box-shadow: 0 0 0 2px rgba($sumac-dyed, 0.35);
}