Named color · #09CDCD
Neon Lagoon
Neon Lagoon is #09CDCD: rgb(9 205 205), hsl(180 92% 42%), oklch(0.768 0.13 194.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Neon Lagoon color name →
#09CDCD
oklch(0.768 0.13 194.8)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- 46D2D2
- 65D8D7
- 7DDDDC
- 92E2E1
- A6E7E6
- B9ECEB
- CBF1F0
- DDF6F5
- EEFAFA
Shades
- 07B2B2
- 059898
- 037E7E
- 026666
- 014E4E
- 013838
- 002323
- 000F0F
- 000202
Tones
- 34C5C5
- 47BEBD
- 55B6B5
- 5FAEAE
- 67A7A6
- 6E9F9E
- 749797
- 798F8F
- 7D8887
Color harmonies
Complementary +180°
- 09CDCD
Neon Lagoon
- FB8F99
≈ Strawberry Shortcake
Analogous -30° +30°
- 09CDCD
Neon Lagoon
- 52CE9F
≈ Mint Jelly
- 3AC5F2
≈ Shovel Knight
Triadic +120° +240°
- 09CDCD
Neon Lagoon
- D39AED
≈ Dream Vapour
- E4A749
≈ Brass Mesh
Split-complementary +150° +210°
- 09CDCD
Neon Lagoon
- EE91C7
≈ Pearly Pink
- F8976C
≈ Autumn Arrival
Tetradic +90° +180° +270°
- 09CDCD
Neon Lagoon
- ABA8FF
≈ Shy Moment
- FB8F99
≈ Strawberry Shortcake
- C1B84B
≈ Parachute
Contrast & accessibility
Ag
FailOn white
WCAG 1.97:1 · APCA Lc 37
Ag
AAAOn black
WCAG 10.62:1 · APCA Lc 65
Best text color: #000000
WCAG 10.62:1 (AAA) · APCA Lc 65
Contrast pairs
Code snippets
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);
}