Named color · #5C2C45
Vistoris Lake
Vistoris Lake is #5C2C45: rgb(92 44 69), hsl(329 35% 27%), oklch(0.366 0.078 349.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Vistoris Lake color name →
#5C2C45
oklch(0.366 0.078 349.1)
Color conversions
- HEX
- #5c2c45
- RGB
- rgb(92 44 69)
- HSL
- hsl(329 35% 27%)
- HWB
- hwb(329 17% 64%)
- OKLCH
- oklch(0.366 0.078 349.1)
- OKLab
- oklab(0.366 0.076 -0.015)
- CIE Lab
- lab(25.4 24.9 -5.25)
- LCH
- lch(25.4 25.45 348.1)
- CMYK
- cmyk(0% 52% 25% 64%)
Tints · Shades · Tones
Tints
- 6C3F56
- 7C5367
- 8C6778
- 9C7B8A
- AD909D
- BDA5B0
- CDBBC3
- DED1D7
- EEE8EB
Shades
- 4F253B
- 421E31
- 361727
- 2A111E
- 1F0A15
- 14050C
- 0A0205
- 030102
- 000000
Tones
- 60344B
- 643D50
- 684556
- 6C4D5C
- 705662
- 735E68
- 77666E
- 7A6F74
- 7D777A
Color harmonies
Complementary +180°
- 5C2C45
Vistoris Lake
- 004B38
≈ Chrysocolla Dark Green
Analogous -30° +30°
- 5C2C45
Vistoris Lake
- 503058
≈ Grape Royale
- 612C2E
≈ Jazz
Triadic +120° +240°
- 5C2C45
Vistoris Lake
- 424203
≈ Green Not Found
- 00455D
≈ Loyal Blue
Split-complementary +150° +210°
- 5C2C45
Vistoris Lake
- 28481E
≈ Treetop Cathedral
- 00484B
≈ Incubi Darkness
Tetradic +90° +180° +270°
- 5C2C45
Vistoris Lake
- 543900
≈ Pineapple
- 004B38
≈ Chrysocolla Dark Green
- 253E67
≈ Elmer’s Echo
Contrast & accessibility
Ag
AAAOn white
WCAG 11.04:1 · APCA Lc 95
Ag
FailOn black
WCAG 1.90:1 · APCA Lc 7
Best text color: #FFFFFF
WCAG 11.04:1 (AAA) · APCA Lc 95
Contrast pairs
Code snippets
CSS
:root {
--vistoris-lake: #5c2c45;
--vistoris-lake-rgb: 92 44 69;
--vistoris-lake-oklch: oklch(0.366 0.078 349.1);
}
.element {
color: var(--vistoris-lake);
background-color: hsl(329 35% 27%);
border-color: oklch(0.366 0.078 349.1);
}Tailwind CSS v4
@theme {
--color-vistoris-lake: #5c2c45;
--color-vistoris-lake-50: #ffedf8;
--color-vistoris-lake-100: #fedeeb;
--color-vistoris-lake-200: #f0c7d8;
--color-vistoris-lake-300: #d7a8bc;
--color-vistoris-lake-400: #c28ca6;
--color-vistoris-lake-500: #ad718e;
--color-vistoris-lake-600: #926078;
--color-vistoris-lake-700: #754c60;
--color-vistoris-lake-800: #563747;
--color-vistoris-lake-900: #3c2632;
--color-vistoris-lake-950: #26141d;
}SCSS
$vistoris-lake: #5c2c45;
$vistoris-lake-rgb: 92, 44, 69;
$vistoris-lake-light: mix(#fff, $vistoris-lake, 20%);
$vistoris-lake-dark: mix(#000, $vistoris-lake, 20%);
.element {
color: $vistoris-lake;
box-shadow: 0 0 0 2px rgba($vistoris-lake, 0.35);
}