Colore con nome · #E1AE58
Lemon Poppy
Lemon Poppy è #E1AE58: rgb(225 174 88), hsl(38 70% 61%), oklch(0.781 0.119 78.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Lemon Poppy color name →
#E1AE58
oklch(0.781 0.119 78.6)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- E4B66B
- E8BF7D
- EBC78E
- EECF9F
- F1D7AF
- F4DFBF
- F7E7CF
- F9EFDF
- FCF7EF
Ombre
- C4974B
- A7803F
- 8B6A33
- 705528
- 56411D
- 3E2E12
- 271C09
- 120B03
- 020100
Toni
- D7AA5E
- CDA564
- C3A169
- BA9C6E
- B09872
- A69375
- 9D8E78
- 938A7B
- 89857E
Armonie di colore
Complementare +180°
- E1AE58
Lemon Poppy
- 8BB9FF
≈ Carolina Blue
Analogo -30° +30°
- E1AE58
Lemon Poppy
- F6A072
≈ Copper River
- BEBE5E
≈ Avocado Cream
Triadico +120° +240°
- E1AE58
Lemon Poppy
- 3CCFD4
≈ Medium Turquoise
- D89FE9
≈ Bright Ube
Complementare divisa +150° +210°
- E1AE58
Lemon Poppy
- 57C6F4
≈ Blue Mana
- B5ABFF
≈ Winterspring Lilac
Tetradico +90° +180° +270°
- E1AE58
Lemon Poppy
- 5DD0AA
≈ Aquarium Blue
- 8BB9FF
≈ Carolina Blue
- F097C4
≈ Pearly Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.01:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.39:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.39:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
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);
}