Colore con nome più vicino · #53C882
#53C882
Colore con nome più vicino: Magical Malachite
#53C882 (rgb(83 200 130), hsl(144 52% 55%), oklch(0.748 0.147 154.3)) è più vicino al colore con nome Magical Malachite. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#53C882
oklch(0.748 0.147 154.3)
Conversioni di colore
- HEX
- #53c882
- RGB
- rgb(83 200 130)
- HSL
- hsl(144 52% 55%)
- HWB
- hwb(144 33% 22%)
- OKLCH
- oklch(0.748 0.147 154.3)
- OKLab
- oklab(0.748 -0.132 0.064)
- CIE Lab
- lab(72.68 -46.45 24.83)
- LCH
- lch(72.68 52.67 151.9)
- CMYK
- cmyk(59% 0% 35% 22%)
Tinte · Ombre · Toni
Tinte
- 69CE8E
- 7CD49B
- 8ED9A7
- A0DFB4
- B0E4C0
- C0EACD
- D0EFD9
- E0F5E6
- F0FAF2
Ombre
- 47AE70
- 3B945F
- 307B4E
- 25633E
- 1B4C2F
- 113620
- 082112
- 020F06
- 000201
Toni
- 5CC182
- 63BA82
- 69B282
- 6EAB82
- 72A482
- 769D82
- 799682
- 7C8F81
- 7E8781
Armonie di colore
Complementare +180°
- 53C882
Magical Malachite
- E588D3
≈ Blushed Bombshell
Analogo -30° +30°
- 53C882
Magical Malachite
- 9ABD4A
≈ Early Spring
- 00C8B7
≈ Pristine Oceanic
Triadico +120° +240°
- 53C882
Magical Malachite
- 94A6FF
≈ Widowmaker
- FC886D
≈ Fruit Red
Complementare divisa +150° +210°
- 53C882
Magical Malachite
- C294F8
≈ Liliac
- F982A2
≈ Pink Sherbet
Tetradico +90° +180° +270°
- 53C882
Magical Malachite
- 55B6FF
≈ Tiān Lán Sky
- E588D3
≈ Blushed Bombshell
- ED9738
≈ Roasted Chestnut
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.11:1 · APCA Lc 41
Ag
AAASu nero
WCAG 9.95:1 · APCA Lc 61
Miglior colore del testo: #000000
WCAG 9.95:1 (AAA) · APCA Lc 61
Contrast pairs
Frammenti di codice
CSS
:root {
--magical-malachite: #53c882;
--magical-malachite-rgb: 83 200 130;
--magical-malachite-oklch: oklch(0.748 0.147 154.3);
}
.element {
color: var(--magical-malachite);
background-color: hsl(144 52% 55%);
border-color: oklch(0.748 0.147 154.3);
}Tailwind CSS v4
@theme {
--color-magical-malachite: #53c882;
--color-magical-malachite-50: #d4ffe4;
--color-magical-malachite-100: #c1f7d4;
--color-magical-malachite-200: #a0e8ba;
--color-magical-malachite-300: #73ce98;
--color-magical-malachite-400: #49b776;
--color-magical-malachite-500: #00a157;
--color-magical-malachite-600: #00884a;
--color-magical-malachite-700: #016d3b;
--color-magical-malachite-800: #075028;
--color-magical-malachite-900: #05381a;
--color-magical-malachite-950: #00220b;
}SCSS
$magical-malachite: #53c882;
$magical-malachite-rgb: 83, 200, 130;
$magical-malachite-light: mix(#fff, $magical-malachite, 20%);
$magical-malachite-dark: mix(#000, $magical-malachite, 20%);
.element {
color: $magical-malachite;
box-shadow: 0 0 0 2px rgba($magical-malachite, 0.35);
}