Named color · #FFC5CB
Rubber Rose
Rubber Rose is #FFC5CB: rgb(255 197 203), hsl(354 100% 89%), oklch(0.877 0.067 11.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Rubber Rose color name →
#FFC5CB
oklch(0.877 0.067 11.6)
Color conversions
- HEX
- #ffc5cb
- RGB
- rgb(255 197 203)
- HSL
- hsl(354 100% 89%)
- HWB
- hwb(354 77% 0%)
- OKLCH
- oklch(0.877 0.067 11.6)
- OKLab
- oklab(0.877 0.065 0.013)
- CIE Lab
- lab(84.94 21.95 5.41)
- LCH
- lch(84.94 22.61 13.8)
- CMYK
- cmyk(0% 23% 20% 0%)
Tints · Shades · Tones
Tints
- FFCBD0
- FFD1D5
- FFD6DA
- FFDCE0
- FFE2E5
- FFE8EA
- FFEEEF
- FFF3F4
- FFF9FA
Shades
- DEABB0
- BE9296
- 9E797D
- 806165
- 634B4D
- 483537
- 2E2122
- 160E0F
- 030202
Tones
- F2BEC3
- E5B7BC
- D8B0B4
- CBA9AC
- BEA2A5
- B29B9D
- A59496
- 998E8E
- 8C8787
Color harmonies
Complementary +180°
- FFC5CB
Rubber Rose
- A3E5E1
≈ Ice Crystal Blue
Analogous -30° +30°
- FFC5CB
Rubber Rose
- F6C6E3
≈ Sugarwinkle
- FEC9B5
≈ Dolly Cheek
Triadic +120° +240°
- FFC5CB
Rubber Rose
- C7E0B3
≈ Satin Green
- B9DAFF
≈ Broad Daylight
Split-complementary +150° +210°
- FFC5CB
Rubber Rose
- B0E5C9
≈ Coastal Foam
- A6E1F6
≈ Ganon Blue
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.48:1 · APCA Lc 23
Ag
AAAOn black
WCAG 14.10:1 · APCA Lc 80
Best text color: #000000
WCAG 14.10:1 (AAA) · APCA Lc 80
Contrast pairs
Code snippets
CSS
:root {
--rubber-rose: #ffc5cb;
--rubber-rose-rgb: 255 197 203;
--rubber-rose-oklch: oklch(0.877 0.067 11.6);
}
.element {
color: var(--rubber-rose);
background-color: hsl(354 100% 89%);
border-color: oklch(0.877 0.067 11.6);
}Tailwind CSS v4
@theme {
--color-rubber-rose: #ffc5cb;
--color-rubber-rose-50: #ffeeef;
--color-rubber-rose-100: #fddfe1;
--color-rubber-rose-200: #efc9cc;
--color-rubber-rose-300: #d7aaad;
--color-rubber-rose-400: #c28f94;
--color-rubber-rose-500: #ad747b;
--color-rubber-rose-600: #936268;
--color-rubber-rose-700: #764e53;
--color-rubber-rose-800: #57393d;
--color-rubber-rose-900: #3d272a;
--color-rubber-rose-950: #261518;
}SCSS
$rubber-rose: #ffc5cb;
$rubber-rose-rgb: 255, 197, 203;
$rubber-rose-light: mix(#fff, $rubber-rose, 20%);
$rubber-rose-dark: mix(#000, $rubber-rose, 20%);
.element {
color: $rubber-rose;
box-shadow: 0 0 0 2px rgba($rubber-rose, 0.35);
}