Colore con nome · #77DD22
King Lizard
King Lizard è #77DD22: rgb(119 221 34), hsl(93 73% 50%), oklch(0.804 0.226 135.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · King Lizard color name →
#77DD22
oklch(0.804 0.226 135.3)
Conversioni di colore
- HEX
- #77dd22
- RGB
- rgb(119 221 34)
- HSL
- hsl(93 73% 50%)
- HWB
- hwb(93 13% 13%)
- OKLCH
- oklch(0.804 0.226 135.3)
- OKLab
- oklab(0.804 -0.161 0.159)
- CIE Lab
- lab(79.63 -51.79 71.43)
- LCH
- lch(79.63 88.23 125.9)
- CMYK
- cmyk(46% 0% 85% 13%)
Tinte · Ombre · Toni
Tinte
- 86E14A
- 95E565
- A3E97B
- B0ED90
- BEF0A4
- CBF3B7
- D8F7C9
- E5FADB
- F2FCED
Ombre
- 67C01C
- 57A416
- 478811
- 386E0B
- 2A5507
- 1C3D03
- 102601
- 051100
- 010200
Toni
- 79D43A
- 7CCB49
- 7DC155
- 7EB85E
- 7FAF66
- 80A66D
- 809C72
- 819377
- 808A7C
Armonie di colore
Complementare +180°
- 77DD22
King Lizard
- E3A1FF
≈ Medium Lavender Magenta
Analogo -30° +30°
- 77DD22
King Lizard
- D0C400
≈ Dirty Yellow
- 00E0A4
≈ Malted Mint Madness
Triadico +120° +240°
- 77DD22
King Lizard
- 93C2FF
≈ Pastel Blue
- FFA0A7
≈ Strawberry Frappé
Complementare divisa +150° +210°
- 77DD22
King Lizard
- B8B6FF
≈ Greyish Lavender
- FF98D3
≈ Himalayan Balsam
Tetradico +90° +180° +270°
- 77DD22
King Lizard
- 48D0FF
≈ Thor’s Thunder
- E3A1FF
≈ Medium Lavender Magenta
- FFA67D
≈ Peachy
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.72:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.15:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.15:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--king-lizard: #77dd22;
--king-lizard-rgb: 119 221 34;
--king-lizard-oklch: oklch(0.804 0.226 135.3);
}
.element {
color: var(--king-lizard);
background-color: hsl(93 73% 50%);
border-color: oklch(0.804 0.226 135.3);
}Tailwind CSS v4
@theme {
--color-king-lizard: #77dd22;
--color-king-lizard-50: #d7ffc5;
--color-king-lizard-100: #c4faaf;
--color-king-lizard-200: #a4eb89;
--color-king-lizard-300: #7bd155;
--color-king-lizard-400: #5ab900;
--color-king-lizard-500: #2da300;
--color-king-lizard-600: #288a00;
--color-king-lizard-700: #206e00;
--color-king-lizard-800: #1c5100;
--color-king-lizard-900: #133800;
--color-king-lizard-950: #042200;
}SCSS
$king-lizard: #77dd22;
$king-lizard-rgb: 119, 221, 34;
$king-lizard-light: mix(#fff, $king-lizard, 20%);
$king-lizard-dark: mix(#000, $king-lizard, 20%);
.element {
color: $king-lizard;
box-shadow: 0 0 0 2px rgba($king-lizard, 0.35);
}