Named color · #E6B5D7
Pink Gems
Pink Gems is #E6B5D7: rgb(230 181 215), hsl(318 49% 81%), oklch(0.827 0.072 337.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Pink Gems color name →
#E6B5D7
oklch(0.827 0.072 337.7)
Color conversions
- HEX
- #e6b5d7
- RGB
- rgb(230 181 215)
- HSL
- hsl(318 49% 81%)
- HWB
- hwb(318 71% 10%)
- OKLCH
- oklch(0.827 0.072 337.7)
- OKLab
- oklab(0.827 0.066 -0.027)
- CIE Lab
- lab(78.96 22.32 -10.05)
- LCH
- lch(78.96 24.48 335.8)
- CMYK
- cmyk(0% 21% 7% 10%)
Tints · Shades · Tones
Tints
- E9BCDB
- EBC4DF
- EECBE3
- F1D2E7
- F3DAEB
- F6E1EF
- F8E9F3
- FAF0F7
- FDF8FB
Shades
- C89DBB
- AB869F
- 8E6F85
- 73596B
- 594452
- 40303B
- 281D25
- 130C11
- 030202
Tones
- DCB0CE
- D1AAC5
- C7A5BC
- BCA0B3
- B29AAB
- A895A2
- 9E9099
- 948B91
- 8A8588
Color harmonies
Complementary +180°
- E6B5D7
Pink Gems
- A0D5B5
≈ Nihilakh Oxide
Analogous -30° +30°
- E6B5D7
Pink Gems
- D3BBEB
≈ Connecticut Lilac
- F0B4BE
≈ Frozen Veins
Triadic +120° +240°
- E6B5D7
Pink Gems
- D3C792
≈ Golden Mist
- 90D2E5
≈ July
Split-complementary +150° +210°
- E6B5D7
Pink Gems
- B9D09E
≈ Fava Bean
- 8FD6CF
≈ Rainwater
Tetradic +90° +180° +270°
- E6B5D7
Pink Gems
- E6BE95
≈ Laksa
- A0D5B5
≈ Nihilakh Oxide
- A2CBF3
≈ Baby Blue Eyes
Contrast & accessibility
Ag
FailOn white
WCAG 1.75:1 · APCA Lc 32
Ag
AAAOn black
WCAG 11.95:1 · APCA Lc 71
Best text color: #000000
WCAG 11.95:1 (AAA) · APCA Lc 71
Contrast pairs
Code snippets
CSS
:root {
--pink-gems: #e6b5d7;
--pink-gems-rgb: 230 181 215;
--pink-gems-oklch: oklch(0.827 0.072 337.7);
}
.element {
color: var(--pink-gems);
background-color: hsl(318 49% 81%);
border-color: oklch(0.827 0.072 337.7);
}Tailwind CSS v4
@theme {
--color-pink-gems: #e6b5d7;
--color-pink-gems-50: #ffeefc;
--color-pink-gems-100: #f9dff0;
--color-pink-gems-200: #eac9de;
--color-pink-gems-300: #d1aac3;
--color-pink-gems-400: #bb8eae;
--color-pink-gems-500: #a67497;
--color-pink-gems-600: #8c6280;
--color-pink-gems-700: #704e66;
--color-pink-gems-800: #52394c;
--color-pink-gems-900: #392735;
--color-pink-gems-950: #241520;
}SCSS
$pink-gems: #e6b5d7;
$pink-gems-rgb: 230, 181, 215;
$pink-gems-light: mix(#fff, $pink-gems, 20%);
$pink-gems-dark: mix(#000, $pink-gems, 20%);
.element {
color: $pink-gems;
box-shadow: 0 0 0 2px rgba($pink-gems, 0.35);
}