Named color · #CEB5C8
Janey’s Party
Janey’s Party is #CEB5C8: rgb(206 181 200), hsl(314 20% 76%), oklch(0.8 0.038 334.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Janey’s Party color name →
#CEB5C8
oklch(0.8 0.038 334.3)
Color conversions
- HEX
- #ceb5c8
- RGB
- rgb(206 181 200)
- HSL
- hsl(314 20% 76%)
- HWB
- hwb(314 71% 19%)
- OKLCH
- oklch(0.8 0.038 334.3)
- OKLab
- oklab(0.8 0.035 -0.017)
- CIE Lab
- lab(76.29 11.7 -6.19)
- LCH
- lch(76.29 13.24 332.1)
- CMYK
- cmyk(0% 12% 3% 19%)
Tints · Shades · Tones
Tints
- D3BCCD
- D8C3D3
- DDCBD8
- E2D2DE
- E6DAE3
- EBE1E9
- F0E8EE
- F5F0F4
- FAF7F9
Shades
- B39DAE
- 988694
- 7F6F7B
- 665963
- 4E444C
- 383036
- 231D21
- 0F0C0F
- 020202
Tones
- C6B0C1
- BEAAB9
- B6A5B2
- AE9FAB
- A69AA3
- 9F959C
- 979095
- 8F8A8E
- 888587
Color harmonies
Complementary +180°
- CEB5C8
Janey’s Party
- ABC5B3
≈ Kind Green
Analogous -30° +30°
- CEB5C8
Janey’s Party
- C3B8D2
≈ Lavender Pillow
- D5B4BB
≈ Floss
Triadic +120° +240°
- CEB5C8
Janey’s Party
- C6BEA2
≈ Lush
- A3C5CD
≈ Skyward
Split-complementary +150° +210°
- CEB5C8
Janey’s Party
- B8C2A8
≈ Healing Retreat
- A3C6C1
≈ New-Age Green
Tetradic +90° +180° +270°
- CEB5C8
Janey’s Party
- D0B9A5
≈ My Piazza
- ABC5B3
≈ Kind Green
- AAC1D5
≈ Simpatico Blue
Contrast & accessibility
Ag
FailOn white
WCAG 1.89:1 · APCA Lc 36
Ag
AAAOn black
WCAG 11.06:1 · APCA Lc 66
Best text color: #000000
WCAG 11.06:1 (AAA) · APCA Lc 66
Contrast pairs
Code snippets
CSS
:root {
--janey-s-party: #ceb5c8;
--janey-s-party-rgb: 206 181 200;
--janey-s-party-oklch: oklch(0.8 0.038 334.3);
}
.element {
color: var(--janey-s-party);
background-color: hsl(314 20% 76%);
border-color: oklch(0.8 0.038 334.3);
}Tailwind CSS v4
@theme {
--color-janey-s-party: #ceb5c8;
--color-janey-s-party-50: #fdf1f9;
--color-janey-s-party-100: #f1e3ed;
--color-janey-s-party-200: #e0ceda;
--color-janey-s-party-300: #c5b0bf;
--color-janey-s-party-400: #ad96a8;
--color-janey-s-party-500: #977d91;
--color-janey-s-party-600: #7f6a7a;
--color-janey-s-party-700: #665562;
--color-janey-s-party-800: #4b3e48;
--color-janey-s-party-900: #342a32;
--color-janey-s-party-950: #1f181e;
}SCSS
$janey-s-party: #ceb5c8;
$janey-s-party-rgb: 206, 181, 200;
$janey-s-party-light: mix(#fff, $janey-s-party, 20%);
$janey-s-party-dark: mix(#000, $janey-s-party, 20%);
.element {
color: $janey-s-party;
box-shadow: 0 0 0 2px rgba($janey-s-party, 0.35);
}