Colore con nome · #B9DF31
Acid Lime
Acid Lime è #B9DF31: rgb(185 223 49), hsl(73 73% 53%), oklch(0.847 0.191 121.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Acid Lime color name →
#B9DF31
oklch(0.847 0.191 121.8)
Conversioni di colore
- HEX
- #b9df31
- RGB
- rgb(185 223 49)
- HSL
- hsl(73 73% 53%)
- HWB
- hwb(73 19% 13%)
- OKLCH
- oklch(0.847 0.191 121.8)
- OKLab
- oklab(0.847 -0.101 0.162)
- CIE Lab
- lab(83.9 -28.89 73.16)
- LCH
- lch(83.9 78.66 111.5)
- CMYK
- cmyk(17% 0% 78% 13%)
Tinte · Ombre · Toni
Tinte
- C0E353
- C6E66C
- CDEA82
- D4ED96
- DBF0A9
- E2F4BB
- E9F7CC
- F0FADD
- F8FCEE
Ombre
- A0C229
- 89A522
- 718A1A
- 5B6F13
- 46560C
- 313D06
- 1E2703
- 0D1201
- 020200
Toni
- B3D544
- ADCC51
- A7C25B
- A1B963
- 9CAF6A
- 96A670
- 909C75
- 8B9379
- 858A7D
Armonie di colore
Complementare +180°
- B9DF31
Acid Lime
- D7BFFF
≈ Lavender Fragrance
Analogo -30° +30°
- B9DF31
Acid Lime
- F6C700
≈ Pinard Yellow
- 52EF8B
≈ Grotesque Green
Triadico +120° +240°
- B9DF31
Acid Lime
- 9CD4FF
≈ Baby Blue
- FFB5C8
≈ Cherry Blossom Pink
Complementare divisa +150° +210°
- B9DF31
Acid Lime
- BBCBFF
≈ Light Periwinkle
- FFACF3
≈ Pink Wink
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.53:1 · APCA Lc 25
Ag
AAASu nero
WCAG 13.66:1 · APCA Lc 78
Miglior colore del testo: #000000
WCAG 13.66:1 (AAA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--acid-lime: #b9df31;
--acid-lime-rgb: 185 223 49;
--acid-lime-oklch: oklch(0.847 0.191 121.8);
}
.element {
color: var(--acid-lime);
background-color: hsl(73 73% 53%);
border-color: oklch(0.847 0.191 121.8);
}Tailwind CSS v4
@theme {
--color-acid-lime: #b9df31;
--color-acid-lime-50: #eaffc3;
--color-acid-lime-100: #dbf3ac;
--color-acid-lime-200: #c3e285;
--color-acid-lime-300: #a4c74f;
--color-acid-lime-400: #8dae00;
--color-acid-lime-500: #739600;
--color-acid-lime-600: #617f00;
--color-acid-lime-700: #4e6600;
--color-acid-lime-800: #3b4a00;
--color-acid-lime-900: #293400;
--color-acid-lime-950: #171f00;
}SCSS
$acid-lime: #b9df31;
$acid-lime-rgb: 185, 223, 49;
$acid-lime-light: mix(#fff, $acid-lime, 20%);
$acid-lime-dark: mix(#000, $acid-lime, 20%);
.element {
color: $acid-lime;
box-shadow: 0 0 0 2px rgba($acid-lime, 0.35);
}