Named color · #F9DAD8
Coy Pink
Coy Pink is #F9DAD8: rgb(249 218 216), hsl(4 73% 91%), oklch(0.913 0.035 22.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Coy Pink color name →
#F9DAD8
oklch(0.913 0.035 22.2)
Color conversions
- HEX
- #f9dad8
- RGB
- rgb(249 218 216)
- HSL
- hsl(4 73% 91%)
- HWB
- hwb(4 85% 2%)
- OKLCH
- oklch(0.913 0.035 22.2)
- OKLab
- oklab(0.913 0.032 0.013)
- CIE Lab
- lab(89.63 10.85 5.15)
- LCH
- lch(89.63 12.01 25.4)
- CMYK
- cmyk(0% 12% 13% 2%)
Tints · Shades · Tones
Tints
- FADEDC
- FAE1E0
- FBE5E4
- FCE9E7
- FCECEB
- FDF0EF
- FDF4F3
- FEF8F7
- FFFBFB
Shades
- D9BDBC
- B9A2A0
- 9A8785
- 7D6C6B
- 615453
- 463C3B
- 2C2525
- 151111
- 030202
Tones
- ECD1CF
- E0C7C6
- D3BEBD
- C7B5B4
- BBACAB
- AFA3A2
- A39A9A
- 979191
- 8C8988
Color harmonies
Complementary +180°
- F9DAD8
Coy Pink
- C9EAEC
≈ Silent Breeze
Analogous -30° +30°
- F9DAD8
Coy Pink
- F6D9E5
≈ Columbine
- F6DDCE
≈ Light Maiden’s Blush
Triadic +120° +240°
- F9DAD8
Coy Pink
- D6E9D4
≈ Light Spring Burst
- D6E3FA
≈ Aquarelle Purple
Split-complementary +150° +210°
- F9DAD8
Coy Pink
- CCEAE0
≈ Ice Water Green
- CDE7F6
≈ New Heights
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.30:1 · APCA Lc 15
Ag
AAAOn black
WCAG 16.04:1 · APCA Lc 88
Best text color: #000000
WCAG 16.04:1 (AAA) · APCA Lc 88
Contrast pairs
Code snippets
CSS
:root {
--coy-pink: #f9dad8;
--coy-pink-rgb: 249 218 216;
--coy-pink-oklch: oklch(0.913 0.035 22.2);
}
.element {
color: var(--coy-pink);
background-color: hsl(4 73% 91%);
border-color: oklch(0.913 0.035 22.2);
}Tailwind CSS v4
@theme {
--color-coy-pink: #f9dad8;
--color-coy-pink-50: #fff2f0;
--color-coy-pink-100: #f3e4e2;
--color-coy-pink-200: #e3cfcd;
--color-coy-pink-300: #c9b1af;
--color-coy-pink-400: #b29795;
--color-coy-pink-500: #9c7e7c;
--color-coy-pink-600: #846a69;
--color-coy-pink-700: #6a5554;
--color-coy-pink-800: #4e3e3d;
--color-coy-pink-900: #362a2a;
--color-coy-pink-950: #211818;
}SCSS
$coy-pink: #f9dad8;
$coy-pink-rgb: 249, 218, 216;
$coy-pink-light: mix(#fff, $coy-pink, 20%);
$coy-pink-dark: mix(#000, $coy-pink, 20%);
.element {
color: $coy-pink;
box-shadow: 0 0 0 2px rgba($coy-pink, 0.35);
}