Couleur nommée la plus proche · #E85D04
#E85D04
Couleur nommée la plus proche: Poppy Flower
#E85D04 (rgb(232 93 4), hsl(23 97% 46%), oklch(0.649 0.189 43.5)) est la plus proche de la couleur nommée Poppy Flower. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E85D04
oklch(0.649 0.189 43.5)
Conversions de couleur
- HEX
- #e85d04
- RGB
- rgb(232 93 4)
- HSL
- hsl(23 97% 46%)
- HWB
- hwb(23 2% 9%)
- OKLCH
- oklch(0.649 0.189 43.5)
- OKLab
- oklab(0.649 0.137 0.13)
- CIE Lab
- lab(57.85 52.75 66.93)
- LCH
- lch(57.85 85.22 51.8)
- CMYK
- cmyk(0% 60% 98% 9%)
Teintes · Ombres · Tons
Teintes
- ED7035
- F18150
- F49268
- F8A27E
- FAB294
- FCC2A9
- FED1BF
- FFE0D4
- FFF0E9
Ombres
- CA5003
- AC4302
- 903701
- 742A01
- 591F00
- 401400
- 290A00
- 130300
- 030000
Tons
- DF6325
- D56836
- CB6D43
- C1714E
- B77458
- AD7761
- A27A69
- 977C71
- 8C7E79
Harmonies de couleurs
Complémentaire +180°
- E85D04
Poppy Flower
- 009EC5
≈ Blue Ocean
Analogue -30° +30°
- E85D04
Poppy Flower
- EA516C
≈ Bara Red
- C08000
≈ Turmeric Brown
Triadique +120° +240°
- E85D04
Poppy Flower
- 00A977
≈ Dragon Scale
- 8479FC
≈ Bainganī
Complémentaire divisée +150° +210°
- E85D04
Poppy Flower
- 00A4A2
≈ Royal Cloak
- 218FFE
≈ Clear Chill
Tétradique +90° +180° +270°
- E85D04
Poppy Flower
- 5DA500
≈ Ruminant’s Paradise
- 009EC5
≈ Blue Ocean
- B765DE
≈ Rich Lilac
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.50:1 · APCA Lc 62
Ag
AASur noir
WCAG 5.99:1 · APCA Lc 40
Meilleure couleur de texte: #000000
WCAG 5.99:1 (AA) · APCA Lc 40
Contrast pairs
Extraits de code
CSS
:root {
--poppy-flower: #e85d04;
--poppy-flower-rgb: 232 93 4;
--poppy-flower-oklch: oklch(0.649 0.189 43.5);
}
.element {
color: var(--poppy-flower);
background-color: hsl(23 97% 46%);
border-color: oklch(0.649 0.189 43.5);
}Tailwind CSS v4
@theme {
--color-poppy-flower: #e85d04;
--color-poppy-flower-50: #ffe5c8;
--color-poppy-flower-100: #ffd5b3;
--color-poppy-flower-200: #ffba8f;
--color-poppy-flower-300: #ff955f;
--color-poppy-flower-400: #f67131;
--color-poppy-flower-500: #e54a00;
--color-poppy-flower-600: #c14000;
--color-poppy-flower-700: #9c3300;
--color-poppy-flower-800: #752300;
--color-poppy-flower-900: #521800;
--color-poppy-flower-950: #370700;
}SCSS
$poppy-flower: #e85d04;
$poppy-flower-rgb: 232, 93, 4;
$poppy-flower-light: mix(#fff, $poppy-flower, 20%);
$poppy-flower-dark: mix(#000, $poppy-flower, 20%);
.element {
color: $poppy-flower;
box-shadow: 0 0 0 2px rgba($poppy-flower, 0.35);
}