Named color · #55FFEE
Icy Life
Icy Life is #55FFEE: rgb(85 255 238), hsl(174 100% 67%), oklch(0.91 0.14 185.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Icy Life color name →
#55FFEE
oklch(0.91 0.14 185.4)
Color conversions
- HEX
- #55ffee
- RGB
- rgb(85 255 238)
- HSL
- hsl(174 100% 67%)
- HWB
- hwb(174 33% 0%)
- OKLCH
- oklch(0.91 0.14 185.4)
- OKLab
- oklab(0.91 -0.139 -0.013)
- CIE Lab
- lab(91.19 -48.08 -5.33)
- LCH
- lch(91.19 48.38 186.3)
- CMYK
- cmyk(67% 0% 7% 0%)
Tints · Shades · Tones
Tints
- 71FFF0
- 87FFF1
- 9AFFF3
- ABFFF5
- BBFFF6
- CAFFF8
- D8FFFA
- E5FFFC
- F2FFFD
Shades
- 49DECF
- 3DBEB1
- 319E93
- 268077
- 1C635C
- 114842
- 082E2A
- 021614
- 000303
Tones
- 61F2E2
- 6BE5D7
- 72D8CC
- 77CBC1
- 7BBEB5
- 7EB2AB
- 7FA5A0
- 809995
- 818C8A
Color harmonies
Complementary +180°
- 55FFEE
Icy Life
- FFD4DC
≈ No Need to Blush
Analogous -30° +30°
- 55FFEE
Icy Life
- 8EFDB9
≈ Mint Bliss
- ABEEFF
≈ Beyond the Clouds
Triadic +120° +240°
- 55FFEE
Icy Life
- EAD9FF
≈ Lavender Savour
- FFDAB6
≈ Pandora’s Box
Split-complementary +150° +210°
- 55FFEE
Icy Life
- FFD1F3
≈ Shampoo
- FFD7CC
≈ Pale Jasper
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.24:1 · APCA Lc 12
Ag
AAAOn black
WCAG 16.92:1 · APCA Lc 93
Best text color: #000000
WCAG 16.92:1 (AAA) · APCA Lc 93
Contrast pairs
Code snippets
CSS
:root {
--icy-life: #55ffee;
--icy-life-rgb: 85 255 238;
--icy-life-oklch: oklch(0.91 0.14 185.4);
}
.element {
color: var(--icy-life);
background-color: hsl(174 100% 67%);
border-color: oklch(0.91 0.14 185.4);
}Tailwind CSS v4
@theme {
--color-icy-life: #55ffee;
--color-icy-life-50: #c8fffc;
--color-icy-life-100: #b2f8f0;
--color-icy-life-200: #8ae8df;
--color-icy-life-300: #50cec4;
--color-icy-life-400: #00b8aa;
--color-icy-life-500: #00a293;
--color-icy-life-600: #00897c;
--color-icy-life-700: #006e64;
--color-icy-life-800: #005147;
--color-icy-life-900: #003931;
--color-icy-life-950: #00231d;
}SCSS
$icy-life: #55ffee;
$icy-life-rgb: 85, 255, 238;
$icy-life-light: mix(#fff, $icy-life, 20%);
$icy-life-dark: mix(#000, $icy-life, 20%);
.element {
color: $icy-life;
box-shadow: 0 0 0 2px rgba($icy-life, 0.35);
}