Cor nomeada · #EE9922
Burning Trail
Burning Trail é #EE9922: rgb(238 153 34), hsl(35 86% 53%), oklch(0.752 0.156 68.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Burning Trail color name →
#EE9922
oklch(0.752 0.156 68.2)
Conversões de cor
- HEX
- #ee9922
- RGB
- rgb(238 153 34)
- HSL
- hsl(35 86% 53%)
- HWB
- hwb(35 13% 7%)
- OKLCH
- oklch(0.752 0.156 68.2)
- OKLab
- oklab(0.752 0.058 0.145)
- CIE Lab
- lab(70.84 26.79 69)
- LCH
- lch(70.84 74.02 68.8)
- CMYK
- cmyk(0% 36% 86% 7%)
Tons claros · Sombras · Tons
Tons claros
- F1A446
- F3AE5F
- F5B976
- F7C38B
- F9CD9F
- FBD7B2
- FCE1C6
- FDEBD9
- FEF5EC
Sombras
- CF841C
- B17016
- 935D11
- 774A0B
- 5C3807
- 422703
- 2A1701
- 140800
- 030100
Tons
- E39737
- D89545
- CD9350
- C2915A
- B78E62
- AC8C69
- A1896F
- 968675
- 8B837B
Harmonias de cor
Complementar +180°
- EE9922
Burning Trail
- 64B5FF
≈ Tiān Lán Sky
Análoga -30° +30°
- EE9922
Burning Trail
- FF8863
≈ Protein High
- C9AE00
≈ Brownish Yellow
Tríade +120° +240°
- EE9922
Burning Trail
- 00C9BE
≈ Pristine Oceanic
- CA91FA
≈ Liliac
Complementar dividida +150° +210°
- EE9922
Burning Trail
- 00C2E7
≈ Blue Raspberry
- 9CA6FF
≈ Widowmaker
Tétrade +90° +180° +270°
- EE9922
Burning Trail
- 3BCC88
≈ Magical Malachite
- 64B5FF
≈ Tiān Lán Sky
- ED85D0
≈ Blushed Bombshell
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.27:1 · APCA Lc 45
Ag
AAASobre preto
WCAG 9.21:1 · APCA Lc 58
Melhor cor de texto: #000000
WCAG 9.21:1 (AAA) · APCA Lc 58
Contrast pairs
Trechos de código
CSS
:root {
--burning-trail: #ee9922;
--burning-trail-rgb: 238 153 34;
--burning-trail-oklch: oklch(0.752 0.156 68.2);
}
.element {
color: var(--burning-trail);
background-color: hsl(35 86% 53%);
border-color: oklch(0.752 0.156 68.2);
}Tailwind CSS v4
@theme {
--color-burning-trail: #ee9922;
--color-burning-trail-50: #ffeec5;
--color-burning-trail-100: #ffe0af;
--color-burning-trail-200: #ffc989;
--color-burning-trail-300: #eaa957;
--color-burning-trail-400: #d98a16;
--color-burning-trail-500: #c76c00;
--color-burning-trail-600: #a85c00;
--color-burning-trail-700: #874a00;
--color-burning-trail-800: #653400;
--color-burning-trail-900: #472400;
--color-burning-trail-950: #2e1200;
}SCSS
$burning-trail: #ee9922;
$burning-trail-rgb: 238, 153, 34;
$burning-trail-light: mix(#fff, $burning-trail, 20%);
$burning-trail-dark: mix(#000, $burning-trail, 20%);
.element {
color: $burning-trail;
box-shadow: 0 0 0 2px rgba($burning-trail, 0.35);
}