Named color · #FBAA95
No Way Rosé
No Way Rosé is #FBAA95: rgb(251 170 149), hsl(12 93% 78%), oklch(0.812 0.101 35.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · No Way Rosé color name →
#FBAA95
oklch(0.812 0.101 35.2)
Color conversions
- HEX
- #fbaa95
- RGB
- rgb(251 170 149)
- HSL
- hsl(12 93% 78%)
- HWB
- hwb(12 58% 2%)
- OKLCH
- oklch(0.812 0.101 35.2)
- OKLab
- oklab(0.812 0.082 0.058)
- CIE Lab
- lab(77.34 28.86 23.61)
- LCH
- lch(77.34 37.29 39.3)
- CMYK
- cmyk(0% 32% 41% 2%)
Tints · Shades · Tones
Tints
- FCB3A0
- FDBBAA
- FEC4B5
- FFCCBF
- FFD5CA
- FFDDD4
- FFE6DF
- FFEEEA
- FFF7F4
Shades
- DA9381
- BA7D6D
- 9C685A
- 7E5348
- 613F37
- 462D26
- 2D1B16
- 150B08
- 030101
Tones
- EFA693
- E2A291
- D69E8F
- CA9A8D
- BD968B
- B19189
- A58D87
- 998985
- 8C8482
Color harmonies
Complementary +180°
- FBAA95
No Way Rosé
- 6CD2EA
≈ Summer Splash
Analogous -30° +30°
- FBAA95
No Way Rosé
- F9A6B8
≈ Petal Power
- EFB47A
≈ Surprise Amber
Triadic +120° +240°
- FBAA95
No Way Rosé
- 8BD5A5
≈ Green Ash
- AFBDFF
≈ Dried Lilac
Split-complementary +150° +210°
- FBAA95
No Way Rosé
- 6CD7CA
≈ Turquoise Twist
- 89C8FF
≈ Chromis Damsel Blue
Tetradic +90° +180° +270°
- FBAA95
No Way Rosé
- B2CD85
≈ Nurgling Green
- 6CD2EA
≈ Summer Splash
- D1B1F6
≈ Teasel Dipsacus
Contrast & accessibility
Ag
FailOn white
WCAG 1.86:1 · APCA Lc 35
Ag
AAAOn black
WCAG 11.28:1 · APCA Lc 68
Best text color: #000000
WCAG 11.28:1 (AAA) · APCA Lc 68
Contrast pairs
Code snippets
CSS
:root {
--no-way-rose: #fbaa95;
--no-way-rose-rgb: 251 170 149;
--no-way-rose-oklch: oklch(0.812 0.101 35.2);
}
.element {
color: var(--no-way-rose);
background-color: hsl(12 93% 78%);
border-color: oklch(0.812 0.101 35.2);
}Tailwind CSS v4
@theme {
--color-no-way-rose: #fbaa95;
--color-no-way-rose-50: #ffece1;
--color-no-way-rose-100: #ffddd0;
--color-no-way-rose-200: #fcc6b6;
--color-no-way-rose-300: #e5a693;
--color-no-way-rose-400: #d38976;
--color-no-way-rose-500: #bf6c57;
--color-no-way-rose-600: #a15c4a;
--color-no-way-rose-700: #82493b;
--color-no-way-rose-800: #60352b;
--color-no-way-rose-900: #44241d;
--color-no-way-rose-950: #2b120d;
}SCSS
$no-way-rose: #fbaa95;
$no-way-rose-rgb: 251, 170, 149;
$no-way-rose-light: mix(#fff, $no-way-rose, 20%);
$no-way-rose-dark: mix(#000, $no-way-rose, 20%);
.element {
color: $no-way-rose;
box-shadow: 0 0 0 2px rgba($no-way-rose, 0.35);
}