Named color · #EE55EE
Lake Retba Pink
Lake Retba Pink is #EE55EE: rgb(238 85 238), hsl(300 82% 63%), oklch(0.708 0.251 327.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Lake Retba Pink color name →
#EE55EE
oklch(0.708 0.251 327.8)
Color conversions
- HEX
- #ee55ee
- RGB
- rgb(238 85 238)
- HSL
- hsl(300 82% 63%)
- HWB
- hwb(300 33% 7%)
- OKLCH
- oklch(0.708 0.251 327.8)
- OKLab
- oklab(0.708 0.212 -0.133)
- CIE Lab
- lab(62.27 72.24 -47.98)
- LCH
- lch(62.27 86.72 326.4)
- CMYK
- cmyk(0% 64% 0% 7%)
Tints · Shades · Tones
Tints
- F16BF1
- F57EF3
- F790F5
- FAA1F7
- FCB1F9
- FDC1FB
- FED1FC
- FFE1FD
- FFF0FE
Shades
- CF49CF
- B13DB1
- 933193
- 772677
- 5C1C5C
- 421142
- 2A082A
- 140214
- 030003
Tones
- E45DE3
- D964D8
- CE6ACD
- C46FC2
- B973B7
- AE77AC
- A37AA1
- 987C96
- 8C7E8B
Color harmonies
Complementary +180°
- EE55EE
Lake Retba Pink
- 00C14D
≈ Lǜ Sè Green
Analogous -30° +30°
- EE55EE
Lake Retba Pink
- AF85FF
≈ Lilac Geode
- FF5DA1
≈ Neon Sunset
Triadic +120° +240°
- EE55EE
Lake Retba Pink
- C79A00
≈ Molten Bronze
- 00B5C8
≈ Lago Blue
Split-complementary +150° +210°
- EE55EE
Lake Retba Pink
- 99AD00
≈ Elysia Chlorotica
- 00BBA1
≈ Aare River
Tetradic +90° +180° +270°
- EE55EE
Lake Retba Pink
- ED8100
≈ Rè Dài Chéng Orange
- 00C14D
≈ Lǜ Sè Green
- 00ADF6
≈ Democrat
Contrast & accessibility
Ag
FailOn white
WCAG 2.92:1 · APCA Lc 55
Ag
AAAOn black
WCAG 7.16:1 · APCA Lc 47
Best text color: #000000
WCAG 7.16:1 (AAA) · APCA Lc 47
Contrast pairs
Code snippets
CSS
:root {
--lake-retba-pink: #ee55ee;
--lake-retba-pink-rgb: 238 85 238;
--lake-retba-pink-oklch: oklch(0.708 0.251 327.8);
}
.element {
color: var(--lake-retba-pink);
background-color: hsl(300 82% 63%);
border-color: oklch(0.708 0.251 327.8);
}Tailwind CSS v4
@theme {
--color-lake-retba-pink: #ee55ee;
--color-lake-retba-pink-50: #ffdcff;
--color-lake-retba-pink-100: #ffc9ff;
--color-lake-retba-pink-200: #ffabff;
--color-lake-retba-pink-300: #fc81f4;
--color-lake-retba-pink-400: #e858e8;
--color-lake-retba-pink-500: #d519d7;
--color-lake-retba-pink-600: #b41cb6;
--color-lake-retba-pink-700: #911792;
--color-lake-retba-pink-800: #6a0f6f;
--color-lake-retba-pink-900: #4b0a4e;
--color-lake-retba-pink-950: #310034;
}SCSS
$lake-retba-pink: #ee55ee;
$lake-retba-pink-rgb: 238, 85, 238;
$lake-retba-pink-light: mix(#fff, $lake-retba-pink, 20%);
$lake-retba-pink-dark: mix(#000, $lake-retba-pink, 20%);
.element {
color: $lake-retba-pink;
box-shadow: 0 0 0 2px rgba($lake-retba-pink, 0.35);
}