Couleur nommée · #E1AE58
Lemon Poppy
Lemon Poppy correspond à #E1AE58 : rgb(225 174 88), hsl(38 70% 61%), oklch(0.781 0.119 78.6). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Lemon Poppy color name →
#E1AE58
oklch(0.781 0.119 78.6)
Conversions de couleur
- HEX
- #e1ae58
- RGB
- rgb(225 174 88)
- HSL
- hsl(38 70% 61%)
- HWB
- hwb(38 35% 12%)
- OKLCH
- oklch(0.781 0.119 78.6)
- OKLab
- oklab(0.781 0.024 0.117)
- CIE Lab
- lab(74.63 12.47 50.71)
- LCH
- lch(74.63 52.22 76.2)
- CMYK
- cmyk(0% 23% 61% 12%)
Teintes · Ombres · Tons
Teintes
- E4B66B
- E8BF7D
- EBC78E
- EECF9F
- F1D7AF
- F4DFBF
- F7E7CF
- F9EFDF
- FCF7EF
Ombres
- C4974B
- A7803F
- 8B6A33
- 705528
- 56411D
- 3E2E12
- 271C09
- 120B03
- 020100
Tons
- D7AA5E
- CDA564
- C3A169
- BA9C6E
- B09872
- A69375
- 9D8E78
- 938A7B
- 89857E
Harmonies de couleurs
Complémentaire +180°
- E1AE58
Lemon Poppy
- 8BB9FF
≈ Carolina Blue
Analogue -30° +30°
- E1AE58
Lemon Poppy
- F6A072
≈ Copper River
- BEBE5E
≈ Avocado Cream
Triadique +120° +240°
- E1AE58
Lemon Poppy
- 3CCFD4
≈ Medium Turquoise
- D89FE9
≈ Bright Ube
Complémentaire divisée +150° +210°
- E1AE58
Lemon Poppy
- 57C6F4
≈ Blue Mana
- B5ABFF
≈ Winterspring Lilac
Tétradique +90° +180° +270°
- E1AE58
Lemon Poppy
- 5DD0AA
≈ Aquarium Blue
- 8BB9FF
≈ Carolina Blue
- F097C4
≈ Pearly Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.01:1 · APCA Lc 39
Ag
AAASur noir
WCAG 10.39:1 · APCA Lc 63
Meilleure couleur de texte: #000000
WCAG 10.39:1 (AAA) · APCA Lc 63
Contrast pairs
Extraits de code
CSS
:root {
--lemon-poppy: #e1ae58;
--lemon-poppy-rgb: 225 174 88;
--lemon-poppy-oklch: oklch(0.781 0.119 78.6);
}
.element {
color: var(--lemon-poppy);
background-color: hsl(38 70% 61%);
border-color: oklch(0.781 0.119 78.6);
}Tailwind CSS v4
@theme {
--color-lemon-poppy: #e1ae58;
--color-lemon-poppy-50: #fff2cf;
--color-lemon-poppy-100: #fde4bb;
--color-lemon-poppy-200: #efcf9a;
--color-lemon-poppy-300: #d7b16f;
--color-lemon-poppy-400: #c59544;
--color-lemon-poppy-500: #b07b00;
--color-lemon-poppy-600: #956803;
--color-lemon-poppy-700: #775306;
--color-lemon-poppy-800: #593c03;
--color-lemon-poppy-900: #3f2903;
--color-lemon-poppy-950: #281700;
}SCSS
$lemon-poppy: #e1ae58;
$lemon-poppy-rgb: 225, 174, 88;
$lemon-poppy-light: mix(#fff, $lemon-poppy, 20%);
$lemon-poppy-dark: mix(#000, $lemon-poppy, 20%);
.element {
color: $lemon-poppy;
box-shadow: 0 0 0 2px rgba($lemon-poppy, 0.35);
}