Color con nombre · #FCDBD2
Pippin
Pippin es #FCDBD2: rgb(252 219 210), hsl(13 88% 91%), oklch(0.916 0.039 35.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Pink mean? → · Pippin color name →
#FCDBD2
oklch(0.916 0.039 35.7)
Conversiones de color
- HEX
- #fcdbd2
- RGB
- rgb(252 219 210)
- HSL
- hsl(13 88% 91%)
- HWB
- hwb(13 82% 1%)
- OKLCH
- oklch(0.916 0.039 35.7)
- OKLab
- oklab(0.916 0.032 0.023)
- CIE Lab
- lab(90.02 10.77 8.88)
- LCH
- lch(90.02 13.96 39.5)
- CMYK
- cmyk(0% 13% 17% 1%)
Tintes · Sombras · Tonos
Tintes
- FCDFD6
- FDE2DB
- FDE6DF
- FEE9E4
- FEEDE8
- FEF1ED
- FEF4F1
- FFF8F6
- FFFBFA
Sombras
- DBBEB6
- BBA29B
- 9C8781
- 7E6D68
- 625450
- 473C39
- 2D2624
- 161110
- 030202
Tonos
- EFD2CA
- E2C8C1
- D5BFB9
- C9B6B0
- BCACA8
- B0A3A0
- A49A98
- 989290
- 8C8988
Armonías de color
Complementario +180°
- FCDBD2
Pippin
- C7EBF4
≈ Frosty Day
Análogo -30° +30°
- FCDBD2
Pippin
- FCD9DF
≈ Wishful Thinking
- F6DFC9
≈ Almeja
Triádico +120° +240°
- FCDBD2
Pippin
- D0ECD9
≈ Venetian Pearl
- DCE2FE
≈ Stoic White
Complementario dividido +150° +210°
- FCDBD2
Pippin
- C8ECE7
≈ Spearmint Leaf
- CFE7FC
≈ Veiling Waterfalls
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.29:1 · APCA Lc 15
Ag
AAASobre negro
WCAG 16.20:1 · APCA Lc 89
Mejor color de texto: #000000
WCAG 16.20:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmentos de código
CSS
:root {
--pippin: #fcdbd2;
--pippin-rgb: 252 219 210;
--pippin-oklch: oklch(0.916 0.039 35.7);
}
.element {
color: var(--pippin);
background-color: hsl(13 88% 91%);
border-color: oklch(0.916 0.039 35.7);
}Tailwind CSS v4
@theme {
--color-pippin: #fcdbd2;
--color-pippin-50: #fff2ed;
--color-pippin-100: #f4e4df;
--color-pippin-200: #e4cfc9;
--color-pippin-300: #cab1a9;
--color-pippin-400: #b4978f;
--color-pippin-500: #9e7e75;
--color-pippin-600: #866a63;
--color-pippin-700: #6b554f;
--color-pippin-800: #4f3e3a;
--color-pippin-900: #372a27;
--color-pippin-950: #221816;
}SCSS
$pippin: #fcdbd2;
$pippin-rgb: 252, 219, 210;
$pippin-light: mix(#fff, $pippin, 20%);
$pippin-dark: mix(#000, $pippin, 20%);
.element {
color: $pippin;
box-shadow: 0 0 0 2px rgba($pippin, 0.35);
}