Nearest named color · #F2AD9D
#F2AD9D
Nearest named color: No Way Rosé
#F2AD9D (rgb(242 173 157), hsl(11 77% 78%), oklch(0.809 0.085 33.5)) is closest to the named color No Way Rosé. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#F2AD9D
oklch(0.809 0.085 33.5)
Color conversions
- HEX
- #f2ad9d
- RGB
- rgb(242 173 157)
- HSL
- hsl(11 77% 78%)
- HWB
- hwb(11 62% 5%)
- OKLCH
- oklch(0.809 0.085 33.5)
- OKLab
- oklab(0.809 0.071 0.047)
- CIE Lab
- lab(77.14 24.55 18.84)
- LCH
- lch(77.14 30.95 37.5)
- CMYK
- cmyk(0% 29% 35% 5%)
Tints · Shades · Tones
Tints
- F4B5A7
- F6BDB0
- F7C6BA
- F9CEC4
- FAD6CD
- FCDED7
- FDE6E1
- FEEFEB
- FEF7F5
Shades
- D29688
- B47F73
- 966A5F
- 79554C
- 5E413A
- 432D28
- 2B1B18
- 140B09
- 030101
Tones
- E6A99A
- DBA497
- CFA095
- C49B92
- B9978F
- AD928C
- A28E89
- 978986
- 8B8583
Color harmonies
Complementary +180°
- F2AD9D
No Way Rosé
- 7CCFE2
≈ Summer Splash
Analogous -30° +30°
- F2AD9D
No Way Rosé
- F0AABB
≈ Pink Blessing
- E8B587
≈ Bundle of Wheat
Triadic +120° +240°
- F2AD9D
No Way Rosé
- 96D1A7
≈ Low Tide
- AFBDF8
≈ Purple Illusion
Split-complementary +150° +210°
- F2AD9D
No Way Rosé
- 7ED3C6
≈ Shore
- 91C7F4
≈ Sail to the Sea
Tetradic +90° +180° +270°
- F2AD9D
No Way Rosé
- B5CA8D
≈ Marsh Fern
- 7CCFE2
≈ Summer Splash
- CCB4EE
≈ Purple Sand
Contrast & accessibility
Ag
FailOn white
WCAG 1.86:1 · APCA Lc 35
Ag
AAAOn black
WCAG 11.23:1 · APCA Lc 67
Best text color: #000000
WCAG 11.23:1 (AAA) · APCA Lc 67
Contrast pairs
Code snippets
CSS
:root {
--no-way-rose: #f2ad9d;
--no-way-rose-rgb: 242 173 157;
--no-way-rose-oklch: oklch(0.809 0.085 33.5);
}
.element {
color: var(--no-way-rose);
background-color: hsl(11 77% 78%);
border-color: oklch(0.809 0.085 33.5);
}Tailwind CSS v4
@theme {
--color-no-way-rose: #f2ad9d;
--color-no-way-rose-50: #ffede5;
--color-no-way-rose-100: #ffdfd5;
--color-no-way-rose-200: #f6c8bc;
--color-no-way-rose-300: #dfa99a;
--color-no-way-rose-400: #cb8c7e;
--color-no-way-rose-500: #b77161;
--color-no-way-rose-600: #9b6052;
--color-no-way-rose-700: #7c4c42;
--color-no-way-rose-800: #5c3730;
--color-no-way-rose-900: #412620;
--color-no-way-rose-950: #291410;
}SCSS
$no-way-rose: #f2ad9d;
$no-way-rose-rgb: 242, 173, 157;
$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);
}