Named color · #55FFFF
Electric Sheep
Electric Sheep is #55FFFF: rgb(85 255 255), hsl(180 100% 67%), oklch(0.915 0.136 195). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Electric Sheep color name →
#55FFFF
oklch(0.915 0.136 195)
Color conversions
- HEX
- #55ffff
- RGB
- rgb(85 255 255)
- HSL
- hsl(180 100% 67%)
- HWB
- hwb(180 33% 0%)
- OKLCH
- oklch(0.915 0.136 195)
- OKLab
- oklab(0.915 -0.132 -0.035)
- CIE Lab
- lab(91.58 -44.63 -13.49)
- LCH
- lch(91.58 46.62 196.8)
- CMYK
- cmyk(67% 0% 0% 0%)
Tints · Shades · Tones
Tints
- 71FFFF
- 87FFFF
- 9AFFFF
- ABFFFF
- BBFFFF
- CAFFFF
- D8FFFF
- E5FFFF
- F2FFFF
Shades
- 49DEDE
- 3DBEBE
- 319E9E
- 268080
- 1C6363
- 114848
- 082E2E
- 021616
- 000303
Tones
- 62F2F2
- 6BE5E4
- 72D8D7
- 77CBCA
- 7BBEBE
- 7EB2B1
- 80A5A4
- 809998
- 818C8C
Color harmonies
Complementary +180°
- 55FFFF
Electric Sheep
- FFD8D9
≈ We Peep
Analogous -30° +30°
- 55FFFF
Electric Sheep
- 84FFCD
≈ A State of Mint
- BCECFF
≈ Ice Effect
Triadic +120° +240°
- 55FFFF
Electric Sheep
- F2D8FF
≈ Lavender Savour
- FFDDAF
≈ Destined for Greatness
Split-complementary +150° +210°
- 55FFFF
Electric Sheep
- FFD5EB
≈ Pink Currant
- FFDACA
≈ Glazed Sugar
Tetradic +90° +180° +270°
- 55FFFF
Electric Sheep
- DFE0FF
≈ Stoic White
- FFD8D9
≈ We Peep
- F0E876
≈ Fresh Lemonade
Contrast & accessibility
Ag
FailOn white
WCAG 1.22:1 · APCA Lc 11
Ag
AAAOn black
WCAG 17.13:1 · APCA Lc 93
Best text color: #000000
WCAG 17.13:1 (AAA) · APCA Lc 93
Contrast pairs
Code snippets
CSS
:root {
--electric-sheep: #55ffff;
--electric-sheep-rgb: 85 255 255;
--electric-sheep-oklch: oklch(0.915 0.136 195);
}
.element {
color: var(--electric-sheep);
background-color: hsl(180 100% 67%);
border-color: oklch(0.915 0.136 195);
}Tailwind CSS v4
@theme {
--color-electric-sheep: #55ffff;
--color-electric-sheep-50: #c8ffff;
--color-electric-sheep-100: #b2f7f8;
--color-electric-sheep-200: #8ae7e8;
--color-electric-sheep-300: #50cdcf;
--color-electric-sheep-400: #00b7b7;
--color-electric-sheep-500: #00a0a2;
--color-electric-sheep-600: #008789;
--color-electric-sheep-700: #006d6e;
--color-electric-sheep-800: #00504f;
--color-electric-sheep-900: #003837;
--color-electric-sheep-950: #002222;
}SCSS
$electric-sheep: #55ffff;
$electric-sheep-rgb: 85, 255, 255;
$electric-sheep-light: mix(#fff, $electric-sheep, 20%);
$electric-sheep-dark: mix(#000, $electric-sheep, 20%);
.element {
color: $electric-sheep;
box-shadow: 0 0 0 2px rgba($electric-sheep, 0.35);
}