Colore con nome · #4FDCE1
Neon Nazar
Neon Nazar è #4FDCE1: rgb(79 220 225), hsl(182 71% 60%), oklch(0.822 0.119 198.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Neon Nazar color name →
#4FDCE1
oklch(0.822 0.119 198.5)
Conversioni di colore
- HEX
- #4fdce1
- RGB
- rgb(79 220 225)
- HSL
- hsl(182 71% 60%)
- HWB
- hwb(182 31% 12%)
- OKLCH
- oklch(0.822 0.119 198.5)
- OKLab
- oklab(0.822 -0.113 -0.038)
- CIE Lab
- lab(80.52 -37.8 -14.25)
- LCH
- lch(80.52 40.39 200.7)
- CMYK
- cmyk(65% 2% 0% 12%)
Tinte · Ombre · Toni
Tinte
- 69E0E4
- 7EE4E7
- 91E7EA
- A3EBED
- B4EEF0
- C3F2F3
- D3F5F6
- E2F9F9
- F1FCFC
Ombre
- 44BFC4
- 38A3A7
- 2E888B
- 236E70
- 195456
- 103C3E
- 072627
- 021112
- 000202
Toni
- 5AD3D7
- 63C9CD
- 6AC0C3
- 70B7B9
- 75AEAF
- 78A4A6
- 7B9B9C
- 7D9293
- 7F8989
Armonie di colore
Complementare +180°
- 4FDCE1
Neon Nazar
- FFAAAC
≈ Apricot Haze
Analogo -30° +30°
- 4FDCE1
Neon Nazar
- 6CDEB7
≈ Ocean in a Bowl
- 6CD3FF
≈ Heisenberg Blue
Triadico +120° +240°
- 4FDCE1
Neon Nazar
- E6ACF6
≈ Candy Dreams
- EFBB66
≈ Flaming June
Complementare divisa +150° +210°
- 4FDCE1
Neon Nazar
- FEA4D2
≈ Corinthian Pink
- FFAF85
≈ Spice Pink
Tetradico +90° +180° +270°
- 4FDCE1
Neon Nazar
- C2BBFF
≈ Dried Lilac
- FFAAAC
≈ Apricot Haze
- CBCB6B
≈ Gentle Dill
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.65:1 · APCA Lc 29
Ag
AAASu nero
WCAG 12.65:1 · APCA Lc 74
Miglior colore del testo: #000000
WCAG 12.65:1 (AAA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--neon-nazar: #4fdce1;
--neon-nazar-rgb: 79 220 225;
--neon-nazar-oklch: oklch(0.822 0.119 198.5);
}
.element {
color: var(--neon-nazar);
background-color: hsl(182 71% 60%);
border-color: oklch(0.822 0.119 198.5);
}Tailwind CSS v4
@theme {
--color-neon-nazar: #4fdce1;
--color-neon-nazar-50: #ceffff;
--color-neon-nazar-100: #baf5f8;
--color-neon-nazar-200: #96e4e9;
--color-neon-nazar-300: #64cad0;
--color-neon-nazar-400: #23b3b8;
--color-neon-nazar-500: #009da3;
--color-neon-nazar-600: #00858a;
--color-neon-nazar-700: #006a6e;
--color-neon-nazar-800: #004e50;
--color-neon-nazar-900: #003738;
--color-neon-nazar-950: #002122;
}SCSS
$neon-nazar: #4fdce1;
$neon-nazar-rgb: 79, 220, 225;
$neon-nazar-light: mix(#fff, $neon-nazar, 20%);
$neon-nazar-dark: mix(#000, $neon-nazar, 20%);
.element {
color: $neon-nazar;
box-shadow: 0 0 0 2px rgba($neon-nazar, 0.35);
}