Nearest named color · #F9B6BC
#F9B6BC
Nearest named color: Matt Pink
#F9B6BC (rgb(249 182 188), hsl(355 85% 85%), oklch(0.84 0.078 12.9)) is closest to the named color Matt Pink. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#F9B6BC
oklch(0.84 0.078 12.9)
Color conversions
- HEX
- #f9b6bc
- RGB
- rgb(249 182 188)
- HSL
- hsl(355 85% 85%)
- HWB
- hwb(355 71% 2%)
- OKLCH
- oklch(0.84 0.078 12.9)
- OKLab
- oklab(0.84 0.076 0.018)
- CIE Lab
- lab(80.55 25.63 7.07)
- LCH
- lch(80.55 26.59 15.4)
- CMYK
- cmyk(0% 27% 24% 2%)
Tints · Shades · Tones
Tints
- FABDC3
- FBC5C9
- FCCCD0
- FDD3D6
- FEDBDD
- FEE2E4
- FFE9EB
- FFF0F1
- FFF8F8
Shades
- D99EA3
- B9868B
- 9A6F73
- 7D595D
- 614447
- 463032
- 2C1D1F
- 150C0D
- 030202
Tones
- EDB1B6
- E0ABB0
- D4A6AA
- C8A0A4
- BC9B9E
- B09698
- A49092
- 988B8C
- 8C8586
Color harmonies
Complementary +180°
- F9B6BC
Matt Pink
- 8CDBD8
≈ Limpet Shell
Analogous -30° +30°
- F9B6BC
Matt Pink
- F0B7D8
≈ Soft Cashmere
- F7BBA2
≈ Coral Blossom
Triadic +120° +240°
- F9B6BC
Matt Pink
- B7D6A2
≈ Apple Cream
- A7CEFD
≈ Baby Blue
Split-complementary +150° +210°
- F9B6BC
Matt Pink
- 9BDBBC
≈ Birthday King
- 91D6F0
≈ Blue Effervescence
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.68:1 · APCA Lc 30
Ag
AAAOn black
WCAG 12.44:1 · APCA Lc 73
Best text color: #000000
WCAG 12.44:1 (AAA) · APCA Lc 73
Contrast pairs
Code snippets
CSS
:root {
--matt-pink: #f9b6bc;
--matt-pink-rgb: 249 182 188;
--matt-pink-oklch: oklch(0.84 0.078 12.9);
}
.element {
color: var(--matt-pink);
background-color: hsl(355 85% 85%);
border-color: oklch(0.84 0.078 12.9);
}Tailwind CSS v4
@theme {
--color-matt-pink: #f9b6bc;
--color-matt-pink-50: #ffedee;
--color-matt-pink-100: #ffdedf;
--color-matt-pink-200: #f4c7c9;
--color-matt-pink-300: #dda8ab;
--color-matt-pink-400: #c88c91;
--color-matt-pink-500: #b47077;
--color-matt-pink-600: #985f65;
--color-matt-pink-700: #7a4c51;
--color-matt-pink-800: #5a373c;
--color-matt-pink-900: #3f2529;
--color-matt-pink-950: #281417;
}SCSS
$matt-pink: #f9b6bc;
$matt-pink-rgb: 249, 182, 188;
$matt-pink-light: mix(#fff, $matt-pink, 20%);
$matt-pink-dark: mix(#000, $matt-pink, 20%);
.element {
color: $matt-pink;
box-shadow: 0 0 0 2px rgba($matt-pink, 0.35);
}