Named color · #0FF0FC
Electric Cyan
Electric Cyan is #0FF0FC: rgb(15 240 252), hsl(183 98% 52%), oklch(0.87 0.147 201.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Cyan mean? → · Electric Cyan color name →
#0FF0FC
oklch(0.87 0.147 201.3)
Color conversions
- HEX
- #0ff0fc
- RGB
- rgb(15 240 252)
- HSL
- hsl(183 98% 52%)
- HWB
- hwb(183 6% 1%)
- OKLCH
- oklch(0.87 0.147 201.3)
- OKLab
- oklab(0.87 -0.137 -0.053)
- CIE Lab
- lab(86.24 -45.28 -19.99)
- LCH
- lch(86.24 49.49 203.8)
- CMYK
- cmyk(94% 5% 0% 1%)
Tints · Shades · Tones
Tints
- 4FF2FC
- 6EF4FD
- 86F6FD
- 9BF7FE
- AEF9FE
- C0FAFE
- D1FCFE
- E1FDFF
- F0FEFF
Shades
- 0BD1DB
- 08B2BB
- 05959C
- 03787E
- 025D62
- 014347
- 002A2D
- 001416
- 000303
Tones
- 3BE5EF
- 4FD9E2
- 5DCED5
- 67C3C9
- 6EB7BC
- 74ACB0
- 79A1A4
- 7C9698
- 7E8B8C
Color harmonies
Complementary +180°
- 0FF0FC
Electric Cyan
- FFC3C0
≈ Ladylike
Analogous -30° +30°
- 0FF0FC
Electric Cyan
- 52F3C8
≈ Onsen
- 9FDEFF
≈ Columbia Blue
Triadic +120° +240°
- 0FF0FC
Electric Cyan
- F5BDFF
≈ Electric Lavender
- FFCB6A
≈ Qing Yellow
Split-complementary +150° +210°
- 0FF0FC
Electric Cyan
- FFBFDA
≈ Cotton Candy
- FFC6A5
≈ Bright Citrus
Tetradic +90° +180° +270°
- 0FF0FC
Electric Cyan
- D4CDFF
≈ Lavender Blue
- FFC3C0
≈ Ladylike
- D8DD61
≈ Succulent Lime
Contrast & accessibility
Ag
FailOn white
WCAG 1.41:1 · APCA Lc 19
Ag
AAAOn black
WCAG 14.89:1 · APCA Lc 84
Best text color: #000000
WCAG 14.89:1 (AAA) · APCA Lc 84
Contrast pairs
Code snippets
CSS
:root {
--electric-cyan: #0ff0fc;
--electric-cyan-rgb: 15 240 252;
--electric-cyan-oklch: oklch(0.87 0.147 201.3);
}
.element {
color: var(--electric-cyan);
background-color: hsl(183 98% 52%);
border-color: oklch(0.87 0.147 201.3);
}Tailwind CSS v4
@theme {
--color-electric-cyan: #0ff0fc;
--color-electric-cyan-50: #c4ffff;
--color-electric-cyan-100: #adf7fe;
--color-electric-cyan-200: #82e7f0;
--color-electric-cyan-300: #40cdd9;
--color-electric-cyan-400: #00b7c2;
--color-electric-cyan-500: #00a0ae;
--color-electric-cyan-600: #008893;
--color-electric-cyan-700: #006d76;
--color-electric-cyan-800: #005056;
--color-electric-cyan-900: #00383c;
--color-electric-cyan-950: #002226;
}SCSS
$electric-cyan: #0ff0fc;
$electric-cyan-rgb: 15, 240, 252;
$electric-cyan-light: mix(#fff, $electric-cyan, 20%);
$electric-cyan-dark: mix(#000, $electric-cyan, 20%);
.element {
color: $electric-cyan;
box-shadow: 0 0 0 2px rgba($electric-cyan, 0.35);
}