Named color · #71689A
Pandora
Pandora is #71689A: rgb(113 104 154), hsl(251 20% 51%), oklch(0.546 0.077 291.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Pandora color name →
#71689A
oklch(0.546 0.077 291.9)
Color conversions
- HEX
- #71689a
- RGB
- rgb(113 104 154)
- HSL
- hsl(251 20% 51%)
- HWB
- hwb(251 41% 40%)
- OKLCH
- oklch(0.546 0.077 291.9)
- OKLab
- oklab(0.546 0.029 -0.072)
- CIE Lab
- lab(46.39 12.3 -26.13)
- LCH
- lch(46.39 28.89 295.2)
- CMYK
- cmyk(27% 32% 0% 40%)
Tints · Shades · Tones
Tints
- 7E76A4
- 8B85AE
- 9993B8
- A7A2C2
- B5B1CC
- C3C0D7
- D2D0E1
- E1DFEB
- F0EFF5
Shades
- 615985
- 524B71
- 433E5E
- 35304B
- 272439
- 1A1827
- 0E0C17
- 040409
- 010001
Tones
- 726B98
- 746D95
- 757093
- 777290
- 78748E
- 7A778B
- 7B7988
- 7D7B86
- 7E7E83
Color harmonies
Complementary +180°
- 71689A
Pandora
- 71753D
≈ Swamp Shrub
Analogous -30° +30°
- 71689A
Pandora
- 57709E
≈ Moonshade
- 86618B
≈ Swiss Lilac
Triadic +120° +240°
- 71689A
Pandora
- 946345
≈ Natural Cork
- 3A7F6B
≈ Green Belt
Split-complementary +150° +210°
- 71689A
Pandora
- 876C38
≈ Kimirucha Brown
- 567C51
≈ Torrey Pine
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 5.06:1 · APCA Lc 75
Ag
FailOn black
WCAG 4.14:1 · APCA Lc 27
Best text color: #FFFFFF
WCAG 5.06:1 (AA) · APCA Lc 75
Contrast pairs
Code snippets
CSS
:root {
--pandora: #71689a;
--pandora-rgb: 113 104 154;
--pandora-oklch: oklch(0.546 0.077 291.9);
}
.element {
color: var(--pandora);
background-color: hsl(251 20% 51%);
border-color: oklch(0.546 0.077 291.9);
}Tailwind CSS v4
@theme {
--color-pandora: #71689a;
--color-pandora-50: #f6f1ff;
--color-pandora-100: #e9e4ff;
--color-pandora-200: #d5cff3;
--color-pandora-300: #b9b0dc;
--color-pandora-400: #9f97c9;
--color-pandora-500: #877db6;
--color-pandora-600: #726a99;
--color-pandora-700: #5b547b;
--color-pandora-800: #423e5c;
--color-pandora-900: #2d2b40;
--color-pandora-950: #1a1829;
}SCSS
$pandora: #71689a;
$pandora-rgb: 113, 104, 154;
$pandora-light: mix(#fff, $pandora, 20%);
$pandora-dark: mix(#000, $pandora, 20%);
.element {
color: $pandora;
box-shadow: 0 0 0 2px rgba($pandora, 0.35);
}