Cor nomeada · #DE8417
Tangerine Haze
Tangerine Haze é #DE8417: rgb(222 132 23), hsl(33 81% 48%), oklch(0.695 0.153 62.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Tangerine Haze color name →
#DE8417
oklch(0.695 0.153 62.8)
Conversões de cor
- HEX
- #de8417
- RGB
- rgb(222 132 23)
- HSL
- hsl(33 81% 48%)
- HWB
- hwb(33 9% 13%)
- OKLCH
- oklch(0.695 0.153 62.8)
- OKLab
- oklab(0.695 0.07 0.136)
- CIE Lab
- lab(64.04 30.57 65.87)
- LCH
- lch(64.04 72.62 65.1)
- CMYK
- cmyk(0% 41% 90% 13%)
Tons claros · Sombras · Tons
Tons claros
- E2913E
- E79E58
- EAAA6F
- EEB685
- F2C399
- F5CFAE
- F8DBC2
- FAE7D6
- FDF3EB
Sombras
- C17212
- A5600E
- 894F0A
- 6F3F06
- 552F04
- 3D2002
- 261201
- 120600
- 020100
Tons
- D5842F
- CC853E
- C3854A
- B98554
- B0845D
- A78465
- 9D836C
- 948273
- 8A817A
Harmonias de cor
Complementar +180°
- DE8417
Tangerine Haze
- 2BA5F3
≈ Rockman Blue
Análoga -30° +30°
- DE8417
Tangerine Haze
- EC745C
≈ Autumn Enchantment
- BC9900
≈ Hidden Tribe
Tríade +120° +240°
- DE8417
Tangerine Haze
- 00B5A4
≈ Aare River
- B083EA
≈ Lavender Blossom
Complementar dividida +150° +210°
- DE8417
Tangerine Haze
- 00B0C9
≈ Havasupai Falls
- 7E94FB
≈ Periwinkle Blue
Tétrade +90° +180° +270°
- DE8417
Tangerine Haze
- 3EB76D
≈ Turtle Warrior
- 2BA5F3
≈ Rockman Blue
- D376C6
≈ Purple Kush
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.83:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.41:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.41:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--tangerine-haze: #de8417;
--tangerine-haze-rgb: 222 132 23;
--tangerine-haze-oklch: oklch(0.695 0.153 62.8);
}
.element {
color: var(--tangerine-haze);
background-color: hsl(33 81% 48%);
border-color: oklch(0.695 0.153 62.8);
}Tailwind CSS v4
@theme {
--color-tangerine-haze: #de8417;
--color-tangerine-haze-50: #ffedc8;
--color-tangerine-haze-100: #ffdeb3;
--color-tangerine-haze-200: #ffc78e;
--color-tangerine-haze-300: #eda65e;
--color-tangerine-haze-400: #dd8729;
--color-tangerine-haze-500: #ca6900;
--color-tangerine-haze-600: #ab5900;
--color-tangerine-haze-700: #894700;
--color-tangerine-haze-800: #673300;
--color-tangerine-haze-900: #482200;
--color-tangerine-haze-950: #2f1100;
}SCSS
$tangerine-haze: #de8417;
$tangerine-haze-rgb: 222, 132, 23;
$tangerine-haze-light: mix(#fff, $tangerine-haze, 20%);
$tangerine-haze-dark: mix(#000, $tangerine-haze, 20%);
.element {
color: $tangerine-haze;
box-shadow: 0 0 0 2px rgba($tangerine-haze, 0.35);
}