Named color · #CC6699
Nocturnal Rose
Nocturnal Rose is #CC6699: rgb(204 102 153), hsl(330 50% 60%), oklch(0.645 0.141 350.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Nocturnal Rose color name →
#CC6699
oklch(0.645 0.141 350.5)
Color conversions
- HEX
- #cc6699
- RGB
- rgb(204 102 153)
- HSL
- hsl(330 50% 60%)
- HWB
- hwb(330 40% 20%)
- OKLCH
- oklch(0.645 0.141 350.5)
- OKLab
- oklab(0.645 0.139 -0.023)
- CIE Lab
- lab(56.97 45.52 -8.3)
- LCH
- lch(56.97 46.28 349.7)
- CMYK
- cmyk(0% 50% 25% 20%)
Tints · Shades · Tones
Tints
- D376A3
- D985AD
- DF94B7
- E4A4C1
- EAB3CB
- EFC2D5
- F3D1E0
- F7E0EA
- FBF0F4
Shades
- B15884
- 974A70
- 7E3C5D
- 652F4A
- 4E2338
- 371727
- 220C17
- 0F0408
- 020001
Tones
- C56A97
- BE6D94
- B77092
- B0738F
- A8758D
- A1788A
- 997A88
- 917C85
- 897E83
Color harmonies
Complementary +180°
- CC6699
Nocturnal Rose
- 00A683
≈ Congo Green
Analogous -30° +30°
- CC6699
Nocturnal Rose
- B46FC2
≈ Lavendless
- D66668
≈ Red Geranium
Triadic +120° +240°
- CC6699
Nocturnal Rose
- 939400
≈ Turtle Moss
- 009BCD
≈ Tomb Blue
Split-complementary +150° +210°
- CC6699
Nocturnal Rose
- 5AA24C
≈ Parsley Green
- 00A1A9
≈ Ducati
Tetradic +90° +180° +270°
- CC6699
Nocturnal Rose
- B78300
≈ Letter Jacket
- 00A683
≈ Congo Green
- 5A8CE3
≈ Olympic Blue
Contrast & accessibility
Ag
FailOn white
WCAG 3.54:1 · APCA Lc 63
Ag
AAOn black
WCAG 5.92:1 · APCA Lc 39
Best text color: #000000
WCAG 5.92:1 (AA) · APCA Lc 39
Contrast pairs
Code snippets
CSS
:root {
--nocturnal-rose: #cc6699;
--nocturnal-rose-rgb: 204 102 153;
--nocturnal-rose-oklch: oklch(0.645 0.141 350.5);
}
.element {
color: var(--nocturnal-rose);
background-color: hsl(330 50% 60%);
border-color: oklch(0.645 0.141 350.5);
}Tailwind CSS v4
@theme {
--color-nocturnal-rose: #cc6699;
--color-nocturnal-rose-50: #ffe5f9;
--color-nocturnal-rose-100: #ffd5ec;
--color-nocturnal-rose-200: #ffbcda;
--color-nocturnal-rose-300: #ef99be;
--color-nocturnal-rose-400: #dc79a9;
--color-nocturnal-rose-500: #c95992;
--color-nocturnal-rose-600: #a94c7c;
--color-nocturnal-rose-700: #883c63;
--color-nocturnal-rose-800: #652b4a;
--color-nocturnal-rose-900: #471d34;
--color-nocturnal-rose-950: #2e0d1f;
}SCSS
$nocturnal-rose: #cc6699;
$nocturnal-rose-rgb: 204, 102, 153;
$nocturnal-rose-light: mix(#fff, $nocturnal-rose, 20%);
$nocturnal-rose-dark: mix(#000, $nocturnal-rose, 20%);
.element {
color: $nocturnal-rose;
box-shadow: 0 0 0 2px rgba($nocturnal-rose, 0.35);
}