Named color · #E5C4C0
Rose Coloured Glasses
Rose Coloured Glasses is #E5C4C0: rgb(229 196 192), hsl(6 42% 83%), oklch(0.847 0.038 26.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Rose Coloured Glasses color name →
#E5C4C0
oklch(0.847 0.038 26.1)
Color conversions
- HEX
- #e5c4c0
- RGB
- rgb(229 196 192)
- HSL
- hsl(6 42% 83%)
- HWB
- hwb(6 75% 10%)
- OKLCH
- oklch(0.847 0.038 26.1)
- OKLab
- oklab(0.847 0.034 0.017)
- CIE Lab
- lab(81.95 11.6 6.58)
- LCH
- lch(81.95 13.34 29.6)
- CMYK
- cmyk(0% 14% 16% 10%)
Tints · Shades · Tones
Tints
- E8CAC6
- EAD0CC
- EDD6D3
- F0DBD9
- F2E1DF
- F5E7E5
- F8EDEC
- FAF3F2
- FDF9F9
Shades
- C7AAA7
- AA918E
- 8E7876
- 72615F
- 584A49
- 3F3534
- 282120
- 120E0E
- 030202
Tones
- DBBDB9
- D0B6B3
- C6AFAC
- BCA8A6
- B1A19F
- A79B99
- 9D9493
- 948D8C
- 8A8786
Color harmonies
Complementary +180°
- E5C4C0
Rose Coloured Glasses
- B1D5D9
≈ Light Continental Waters
Analogous -30° +30°
- E5C4C0
Rose Coloured Glasses
- E3C3CE
≈ In the Slip
- E1C7B6
≈ Birthday Suit
Triadic +120° +240°
- E5C4C0
Rose Coloured Glasses
- BED4BE
≈ Garden Statue
- C1CDE7
≈ Periwinkle Grey
Split-complementary +150° +210°
- E5C4C0
Rose Coloured Glasses
- B4D6CC
≈ Gemini
- B6D1E3
≈ Delicate Ice
Tetradic +90° +180° +270°
- E5C4C0
Rose Coloured Glasses
- CBD0B5
≈ Sweet Surrender
- B1D5D9
≈ Light Continental Waters
- CFC8E4
≈ Italian Fitch
Contrast & accessibility
Ag
FailOn white
WCAG 1.61:1 · APCA Lc 28
Ag
AAAOn black
WCAG 12.98:1 · APCA Lc 75
Best text color: #000000
WCAG 12.98:1 (AAA) · APCA Lc 75
Contrast pairs
Code snippets
CSS
:root {
--rose-coloured-glasses: #e5c4c0;
--rose-coloured-glasses-rgb: 229 196 192;
--rose-coloured-glasses-oklch: oklch(0.847 0.038 26.1);
}
.element {
color: var(--rose-coloured-glasses);
background-color: hsl(6 42% 83%);
border-color: oklch(0.847 0.038 26.1);
}Tailwind CSS v4
@theme {
--color-rose-coloured-glasses: #e5c4c0;
--color-rose-coloured-glasses-50: #fff1ef;
--color-rose-coloured-glasses-100: #f4e3e1;
--color-rose-coloured-glasses-200: #e4cfcb;
--color-rose-coloured-glasses-300: #cab1ad;
--color-rose-coloured-glasses-400: #b49693;
--color-rose-coloured-glasses-500: #9e7d79;
--color-rose-coloured-glasses-600: #866a67;
--color-rose-coloured-glasses-700: #6b5552;
--color-rose-coloured-glasses-800: #4f3d3c;
--color-rose-coloured-glasses-900: #372a29;
--color-rose-coloured-glasses-950: #221817;
}SCSS
$rose-coloured-glasses: #e5c4c0;
$rose-coloured-glasses-rgb: 229, 196, 192;
$rose-coloured-glasses-light: mix(#fff, $rose-coloured-glasses, 20%);
$rose-coloured-glasses-dark: mix(#000, $rose-coloured-glasses, 20%);
.element {
color: $rose-coloured-glasses;
box-shadow: 0 0 0 2px rgba($rose-coloured-glasses, 0.35);
}