Named color · #FBD3CD
Rose Sorbet
Rose Sorbet is #FBD3CD: rgb(251 211 205), hsl(8 85% 89%), oklch(0.899 0.046 28). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Rose Sorbet color name →
#FBD3CD
oklch(0.899 0.046 28)
Color conversions
- HEX
- #fbd3cd
- RGB
- rgb(251 211 205)
- HSL
- hsl(8 85% 89%)
- HWB
- hwb(8 80% 2%)
- OKLCH
- oklch(0.899 0.046 28)
- OKLab
- oklab(0.899 0.041 0.022)
- CIE Lab
- lab(87.9 13.78 8.48)
- LCH
- lch(87.9 16.18 31.6)
- CMYK
- cmyk(0% 16% 18% 2%)
Tints · Shades · Tones
Tints
- FCD7D2
- FCDCD7
- FDE0DC
- FDE5E1
- FEE9E6
- FEEDEB
- FEF2F0
- FFF6F5
- FFFBFA
Shades
- DAB7B2
- BA9C98
- 9C827E
- 7E6966
- 61514E
- 463A38
- 2D2423
- 15100F
- 030202
Tones
- EECAC5
- E1C2BD
- D5B9B5
- C8B1AD
- BCA9A6
- B0A09E
- A49896
- 98908F
- 8C8887
Color harmonies
Complementary +180°
- FBD3CD
Rose Sorbet
- BBE7EE
≈ First of July
Analogous -30° +30°
- FBD3CD
Rose Sorbet
- F9D2DD
≈ Creamy Strawberry
- F6D7C1
≈ Harvest Wreath
Triadic +120° +240°
- FBD3CD
Rose Sorbet
- CAE7CD
≈ Granny Apple
- D1DDFD
≈ Arc Light
Split-complementary +150° +210°
- FBD3CD
Rose Sorbet
- BEE8DE
≈ Aqua Oasis
- C3E3F9
≈ Fresh Water
Tetradic +90° +180° +270°
- FBD3CD
Rose Sorbet
- DBE2C1
≈ Mountain Spring
- BBE7EE
≈ First of July
- E1D8F9
≈ Japan Blush
Contrast & accessibility
Ag
FailOn white
WCAG 1.37:1 · APCA Lc 18
Ag
AAAOn black
WCAG 15.30:1 · APCA Lc 85
Best text color: #000000
WCAG 15.30:1 (AAA) · APCA Lc 85
Contrast pairs
Code snippets
CSS
:root {
--rose-sorbet: #fbd3cd;
--rose-sorbet-rgb: 251 211 205;
--rose-sorbet-oklch: oklch(0.899 0.046 28);
}
.element {
color: var(--rose-sorbet);
background-color: hsl(8 85% 89%);
border-color: oklch(0.899 0.046 28);
}Tailwind CSS v4
@theme {
--color-rose-sorbet: #fbd3cd;
--color-rose-sorbet-50: #fff1ed;
--color-rose-sorbet-100: #f7e3df;
--color-rose-sorbet-200: #e7cdc9;
--color-rose-sorbet-300: #ceafaa;
--color-rose-sorbet-400: #b8958f;
--color-rose-sorbet-500: #a37b75;
--color-rose-sorbet-600: #896863;
--color-rose-sorbet-700: #6e534f;
--color-rose-sorbet-800: #513c3a;
--color-rose-sorbet-900: #392a28;
--color-rose-sorbet-950: #231716;
}SCSS
$rose-sorbet: #fbd3cd;
$rose-sorbet-rgb: 251, 211, 205;
$rose-sorbet-light: mix(#fff, $rose-sorbet, 20%);
$rose-sorbet-dark: mix(#000, $rose-sorbet, 20%);
.element {
color: $rose-sorbet;
box-shadow: 0 0 0 2px rgba($rose-sorbet, 0.35);
}