Named color · #CE94C2
Carnation Rose
Carnation Rose is #CE94C2: rgb(206 148 194), hsl(312 37% 69%), oklch(0.737 0.092 334). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Carnation Rose color name →
#CE94C2
oklch(0.737 0.092 334)
Color conversions
- HEX
- #ce94c2
- RGB
- rgb(206 148 194)
- HSL
- hsl(312 37% 69%)
- HWB
- hwb(312 58% 19%)
- OKLCH
- oklch(0.737 0.092 334)
- OKLab
- oklab(0.737 0.083 -0.04)
- CIE Lab
- lab(68.19 27.89 -14.86)
- LCH
- lch(68.19 31.6 332)
- CMYK
- cmyk(0% 28% 6% 19%)
Tints · Shades · Tones
Tints
- D39FC8
- D8A9CE
- DEB4D4
- E3BEDA
- E8C9E0
- ECD4E7
- F1DEED
- F6E9F3
- FAF4F9
Shades
- B380A8
- 986D8F
- 7F5A77
- 664860
- 4E3649
- 382634
- 231620
- 0F080E
- 020102
Tones
- C692BB
- BE90B5
- B78EAE
- AF8DA7
- A78BA1
- 9F899A
- 978693
- 90848D
- 888286
Color harmonies
Complementary +180°
- CE94C2
Carnation Rose
- 7ABB8F
≈ Oilcloth Green
Analogous -30° +30°
- CE94C2
Carnation Rose
- B69CDA
≈ Violet Velvet
- DC91A3
≈ Rose Marquis
Triadic +120° +240°
- CE94C2
Carnation Rose
- BDA964
≈ Slender Stem
- 5CB9CD
≈ High Dive
Split-complementary +150° +210°
- CE94C2
Carnation Rose
- 9EB472
≈ Around the Gills
- 5EBDB0
≈ Hygiene Green
Tetradic +90° +180° +270°
- CE94C2
Carnation Rose
- D39E6B
≈ Golden Aura
- 7ABB8F
≈ Oilcloth Green
- 76B1E0
≈ Lucea
Contrast & accessibility
Ag
FailOn white
WCAG 2.43:1 · APCA Lc 48
Ag
AAAOn black
WCAG 8.63:1 · APCA Lc 54
Best text color: #000000
WCAG 8.63:1 (AAA) · APCA Lc 54
Contrast pairs
Code snippets
CSS
:root {
--carnation-rose: #ce94c2;
--carnation-rose-rgb: 206 148 194;
--carnation-rose-oklch: oklch(0.737 0.092 334);
}
.element {
color: var(--carnation-rose);
background-color: hsl(312 37% 69%);
border-color: oklch(0.737 0.092 334);
}Tailwind CSS v4
@theme {
--color-carnation-rose: #ce94c2;
--color-carnation-rose-50: #ffecff;
--color-carnation-rose-100: #fdddf4;
--color-carnation-rose-200: #efc6e3;
--color-carnation-rose-300: #d6a6c9;
--color-carnation-rose-400: #c08ab5;
--color-carnation-rose-500: #ab6e9f;
--color-carnation-rose-600: #915e87;
--color-carnation-rose-700: #744b6c;
--color-carnation-rose-800: #553651;
--color-carnation-rose-900: #3b2538;
--color-carnation-rose-950: #251323;
}SCSS
$carnation-rose: #ce94c2;
$carnation-rose-rgb: 206, 148, 194;
$carnation-rose-light: mix(#fff, $carnation-rose, 20%);
$carnation-rose-dark: mix(#000, $carnation-rose, 20%);
.element {
color: $carnation-rose;
box-shadow: 0 0 0 2px rgba($carnation-rose, 0.35);
}