Colore con nome più vicino · #21B15B
#21B15B
Colore con nome più vicino: Green Mana
#21B15B (rgb(33 177 91), hsl(144 69% 41%), oklch(0.669 0.17 151)) è più vicino al colore con nome Green Mana. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#21B15B
oklch(0.669 0.17 151)
Conversioni di colore
- HEX
- #21b15b
- RGB
- rgb(33 177 91)
- HSL
- hsl(144 69% 41%)
- HWB
- hwb(144 13% 31%)
- OKLCH
- oklch(0.669 0.17 151)
- OKLab
- oklab(0.669 -0.149 0.082)
- CIE Lab
- lab(63.75 -52.31 33.02)
- LCH
- lch(63.75 61.86 147.7)
- CMYK
- cmyk(81% 0% 49% 31%)
Tinte · Ombre · Toni
Tinte
- 46B96C
- 61C17C
- 77C98C
- 8CD19D
- A0D9AD
- B4E1BD
- C7E8CD
- DAF0DE
- ECF8EE
Ombre
- 1B994E
- 168341
- 106C35
- 0B5729
- 06421E
- 032F13
- 011C09
- 000C03
- 000100
Toni
- 37AC60
- 46A864
- 51A368
- 5B9E6C
- 639970
- 6A9473
- 709077
- 768A7A
- 7B857D
Armonie di colore
Complementare +180°
- 21B15B
Green Mana
- CE69C4
≈ Gulābī Pink
Analogo -30° +30°
- 21B15B
Green Mana
- 87A300
≈ Noxious
- 00AD99
≈ Pool Green
Triadico +120° +240°
- 21B15B
Green Mana
- 708BFC
≈ Punch Out Glove
- EB6550
≈ Connect Red
Complementare divisa +150° +210°
- 21B15B
Green Mana
- A878EB
≈ Purple Illusionist
- E5608F
≈ Love Letter
Tetradico +90° +180° +270°
- 21B15B
Green Mana
- 009EEB
≈ Button Blue
- CE69C4
≈ Gulābī Pink
- D77A00
≈ Orange Pepper
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.79:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.50:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.50:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
CSS
:root {
--green-mana: #21b15b;
--green-mana-rgb: 33 177 91;
--green-mana-oklch: oklch(0.669 0.17 151);
}
.element {
color: var(--green-mana);
background-color: hsl(144 69% 41%);
border-color: oklch(0.669 0.17 151);
}Tailwind CSS v4
@theme {
--color-green-mana: #21b15b;
--color-green-mana-50: #d1ffde;
--color-green-mana-100: #bdf9cd;
--color-green-mana-200: #9aeab2;
--color-green-mana-300: #6bd08d;
--color-green-mana-400: #3cba68;
--color-green-mana-500: #00a445;
--color-green-mana-600: #008a3b;
--color-green-mana-700: #006f2f;
--color-green-mana-800: #00511d;
--color-green-mana-900: #003913;
--color-green-mana-950: #002305;
}SCSS
$green-mana: #21b15b;
$green-mana-rgb: 33, 177, 91;
$green-mana-light: mix(#fff, $green-mana, 20%);
$green-mana-dark: mix(#000, $green-mana, 20%);
.element {
color: $green-mana;
box-shadow: 0 0 0 2px rgba($green-mana, 0.35);
}