Colore con nome · #E1BF03
Lilikoi
Lilikoi è #E1BF03: rgb(225 191 3), hsl(51 97% 45%), oklch(0.81 0.166 96). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Lilikoi color name →
#E1BF03
oklch(0.81 0.166 96)
Conversioni di colore
- HEX
- #e1bf03
- RGB
- rgb(225 191 3)
- HSL
- hsl(51 97% 45%)
- HWB
- hwb(51 1% 12%)
- OKLCH
- oklch(0.81 0.166 96)
- OKLab
- oklab(0.81 -0.017 0.165)
- CIE Lab
- lab(78.52 1.91 78.71)
- LCH
- lch(78.52 78.73 88.6)
- CMYK
- cmyk(0% 15% 99% 12%)
Tinte · Ombre · Toni
Tinte
- E4C640
- E7CD5E
- EAD376
- EDDA8C
- F0E0A0
- F3E7B4
- F6EDC7
- F9F3DA
- FCF9ED
Ombre
- C4A602
- A78D02
- 8B7501
- 705E01
- 564800
- 3E3300
- 271F00
- 120D00
- 020200
Toni
- D7B92F
- CDB342
- C3AD4F
- B9A65A
- AFA063
- A59A6A
- 9C9371
- 928D76
- 89877B
Armonie di colore
Complementare +180°
- E1BF03
Lilikoi
- B0BCFF
≈ Greyish Lavender
Analogo -30° +30°
- E1BF03
Lilikoi
- FFAC50
≈ Alajuela Toad
- A6D350
≈ Burst of Lime
Triadico +120° +240°
- E1BF03
Lilikoi
- 00D7FC
≈ Neon Blue
- FF97E7
≈ Pink Elephants
Complementare divisa +150° +210°
- E1BF03
Lilikoi
- 89C8FF
≈ Chromis Damsel Blue
- D4ACFF
≈ Teasel Dipsacus
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.80:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.65:1 · APCA Lc 69
Miglior colore del testo: #000000
WCAG 11.65:1 (AAA) · APCA Lc 69
Contrast pairs
Frammenti di codice
CSS
:root {
--lilikoi: #e1bf03;
--lilikoi-rgb: 225 191 3;
--lilikoi-oklch: oklch(0.81 0.166 96);
}
.element {
color: var(--lilikoi);
background-color: hsl(51 97% 45%);
border-color: oklch(0.81 0.166 96);
}Tailwind CSS v4
@theme {
--color-lilikoi: #e1bf03;
--color-lilikoi-50: #fff6c0;
--color-lilikoi-100: #f6e9a9;
--color-lilikoi-200: #e7d580;
--color-lilikoi-300: #ceb847;
--color-lilikoi-400: #bc9c00;
--color-lilikoi-500: #a88200;
--color-lilikoi-600: #8d6e00;
--color-lilikoi-700: #715800;
--color-lilikoi-800: #553f00;
--color-lilikoi-900: #3c2c00;
--color-lilikoi-950: #251900;
}SCSS
$lilikoi: #e1bf03;
$lilikoi-rgb: 225, 191, 3;
$lilikoi-light: mix(#fff, $lilikoi, 20%);
$lilikoi-dark: mix(#000, $lilikoi, 20%);
.element {
color: $lilikoi;
box-shadow: 0 0 0 2px rgba($lilikoi, 0.35);
}