Couleur nommée · #EE5511
Orangealicious
Orangealicious correspond à #EE5511 : rgb(238 85 17), hsl(18 87% 50%), oklch(0.649 0.2 39.4). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Orangealicious color name →
#EE5511
oklch(0.649 0.2 39.4)
Conversions de couleur
- HEX
- #ee5511
- RGB
- rgb(238 85 17)
- HSL
- hsl(18 87% 50%)
- HWB
- hwb(18 7% 7%)
- OKLCH
- oklch(0.649 0.2 39.4)
- OKLab
- oklab(0.649 0.155 0.127)
- CIE Lab
- lab(57.63 58.2 64.82)
- LCH
- lch(57.63 87.11 48.1)
- CMYK
- cmyk(0% 64% 93% 7%)
Teintes · Ombres · Tons
Teintes
- F26A38
- F67C52
- F98E69
- FC9F7F
- FEAF95
- FFC0AA
- FFD0BF
- FFE0D4
- FFEFEA
Ombres
- CF490D
- B13D09
- 933106
- 772604
- 5C1C02
- 421101
- 2A0800
- 140200
- 030000
Tons
- E45D2A
- DA6339
- D06945
- C56D4F
- BB7259
- B07562
- A5796A
- 997B71
- 8D7E79
Harmonies de couleurs
Complémentaire +180°
- EE5511
Orangealicious
- 009FC0
≈ Delos Blue
Analogue -30° +30°
- EE5511
Orangealicious
- ED4A74
≈ Radishical
- C57C00
≈ Bamboo Brown
Triadique +120° +240°
- EE5511
Orangealicious
- 00A96D
≈ Banaue Jade
- 7A7BFF
≈ Stargate Shimmer
Complémentaire divisée +150° +210°
- EE5511
Orangealicious
- 00A49D
≈ Grecian Isle
- 0092F7
≈ Starfleet Blue
Tétradique +90° +180° +270°
- EE5511
Orangealicious
- 6CA200
≈ Herbal Lift
- 009FC0
≈ Delos Blue
- B364E9
≈ Queer Purple
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.53:1 · APCA Lc 62
Ag
AASur noir
WCAG 5.94:1 · APCA Lc 40
Meilleure couleur de texte: #000000
WCAG 5.94:1 (AA) · APCA Lc 40
Contrast pairs
Extraits de code
CSS
:root {
--orangealicious: #ee5511;
--orangealicious-rgb: 238 85 17;
--orangealicious-oklch: oklch(0.649 0.2 39.4);
}
.element {
color: var(--orangealicious);
background-color: hsl(18 87% 50%);
border-color: oklch(0.649 0.2 39.4);
}Tailwind CSS v4
@theme {
--color-orangealicious: #ee5511;
--color-orangealicious-50: #ffe3c9;
--color-orangealicious-100: #ffd2b4;
--color-orangealicious-200: #ffb790;
--color-orangealicious-300: #ff9161;
--color-orangealicious-400: #fc6b35;
--color-orangealicious-500: #eb3f00;
--color-orangealicious-600: #c73800;
--color-orangealicious-700: #a02c00;
--color-orangealicious-800: #781e00;
--color-orangealicious-900: #551400;
--color-orangealicious-950: #390400;
}SCSS
$orangealicious: #ee5511;
$orangealicious-rgb: 238, 85, 17;
$orangealicious-light: mix(#fff, $orangealicious, 20%);
$orangealicious-dark: mix(#000, $orangealicious, 20%);
.element {
color: $orangealicious;
box-shadow: 0 0 0 2px rgba($orangealicious, 0.35);
}