Cor nomeada · #09CDCD
Neon Lagoon
Neon Lagoon é #09CDCD: rgb(9 205 205), hsl(180 92% 42%), oklch(0.768 0.13 194.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Neon Lagoon color name →
#09CDCD
oklch(0.768 0.13 194.8)
Conversões de cor
- HEX
- #09cdcd
- RGB
- rgb(9 205 205)
- HSL
- hsl(180 92% 42%)
- HWB
- hwb(180 4% 20%)
- OKLCH
- oklch(0.768 0.13 194.8)
- OKLab
- oklab(0.768 -0.126 -0.033)
- CIE Lab
- lab(74.53 -42.71 -12.63)
- LCH
- lch(74.53 44.54 196.5)
- CMYK
- cmyk(96% 0% 0% 20%)
Tons claros · Sombras · Tons
Tons claros
- 46D2D2
- 65D8D7
- 7DDDDC
- 92E2E1
- A6E7E6
- B9ECEB
- CBF1F0
- DDF6F5
- EEFAFA
Sombras
- 07B2B2
- 059898
- 037E7E
- 026666
- 014E4E
- 013838
- 002323
- 000F0F
- 000202
Tons
- 34C5C5
- 47BEBD
- 55B6B5
- 5FAEAE
- 67A7A6
- 6E9F9E
- 749797
- 798F8F
- 7D8887
Harmonias de cor
Complementar +180°
- 09CDCD
Neon Lagoon
- FB8F99
≈ Strawberry Shortcake
Análoga -30° +30°
- 09CDCD
Neon Lagoon
- 52CE9F
≈ Mint Jelly
- 3AC5F2
≈ Shovel Knight
Tríade +120° +240°
- 09CDCD
Neon Lagoon
- D39AED
≈ Dream Vapour
- E4A749
≈ Brass Mesh
Complementar dividida +150° +210°
- 09CDCD
Neon Lagoon
- EE91C7
≈ Pearly Pink
- F8976C
≈ Autumn Arrival
Tétrade +90° +180° +270°
- 09CDCD
Neon Lagoon
- ABA8FF
≈ Shy Moment
- FB8F99
≈ Strawberry Shortcake
- C1B84B
≈ Parachute
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.97:1 · APCA Lc 37
Ag
AAASobre preto
WCAG 10.62:1 · APCA Lc 65
Melhor cor de texto: #000000
WCAG 10.62:1 (AAA) · APCA Lc 65
Contrast pairs
Trechos de código
CSS
:root {
--neon-lagoon: #09cdcd;
--neon-lagoon-rgb: 9 205 205;
--neon-lagoon-oklch: oklch(0.768 0.13 194.8);
}
.element {
color: var(--neon-lagoon);
background-color: hsl(180 92% 42%);
border-color: oklch(0.768 0.13 194.8);
}Tailwind CSS v4
@theme {
--color-neon-lagoon: #09cdcd;
--color-neon-lagoon-50: #caffff;
--color-neon-lagoon-100: #b5f6f7;
--color-neon-lagoon-200: #8ee6e7;
--color-neon-lagoon-300: #58ccce;
--color-neon-lagoon-400: #00b6b6;
--color-neon-lagoon-500: #009fa0;
--color-neon-lagoon-600: #008788;
--color-neon-lagoon-700: #006c6d;
--color-neon-lagoon-800: #00504f;
--color-neon-lagoon-900: #003837;
--color-neon-lagoon-950: #002221;
}SCSS
$neon-lagoon: #09cdcd;
$neon-lagoon-rgb: 9, 205, 205;
$neon-lagoon-light: mix(#fff, $neon-lagoon, 20%);
$neon-lagoon-dark: mix(#000, $neon-lagoon, 20%);
.element {
color: $neon-lagoon;
box-shadow: 0 0 0 2px rgba($neon-lagoon, 0.35);
}