Color con nombre más cercano · #FFBCCB
#FFBCCB
Color con nombre más cercano: Pink
#FFBCCB (rgb(255 188 203), hsl(347 100% 87%), oklch(0.861 0.079 4.1)) se parece más al color con nombre Pink. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#FFBCCB
oklch(0.861 0.079 4.1)
Conversiones de color
- HEX
- #ffbccb
- RGB
- rgb(255 188 203)
- HSL
- hsl(347 100% 87%)
- HWB
- hwb(347 74% 0%)
- OKLCH
- oklch(0.861 0.079 4.1)
- OKLab
- oklab(0.861 0.079 0.006)
- CIE Lab
- lab(82.87 26.42 2.45)
- LCH
- lch(82.87 26.54 5.3)
- CMYK
- cmyk(0% 26% 20% 0%)
Tintes · Sombras · Tonos
Tintes
- FFC3D0
- FFC9D5
- FFD0DA
- FFD7E0
- FFDEE5
- FFE4EA
- FFEBEF
- FFF2F4
- FFF8FA
Sombras
- DEA3B0
- BE8B96
- 9E737D
- 805D65
- 63474D
- 483237
- 2E1F22
- 160D0F
- 030202
Tonos
- F2B6C3
- E5B0BC
- D8AAB4
- CBA4AC
- BF9EA5
- B2989D
- A59296
- 998C8E
- 8C8687
Armonías de color
Complementario +180°
- FFBCCB
Pink
- 94E3D7
≈ Sharbah Fizz
Análogo -30° +30°
- FFBCCB
Pink
- F2BEE7
≈ Lavender Soap
- FFC0B0
≈ Porcellana
Triádico +120° +240°
- FFBCCB
Pink
- C6DBA1
≈ Frisky
- A8D7FF
≈ Malmö FF
Complementario dividido +150° +210°
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.57:1 · APCA Lc 26
Ag
AAASobre negro
WCAG 13.30:1 · APCA Lc 77
Mejor color de texto: #000000
WCAG 13.30:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmentos de código
CSS
:root {
--pink: #ffbccb;
--pink-rgb: 255 188 203;
--pink-oklch: oklch(0.861 0.079 4.1);
}
.element {
color: var(--pink);
background-color: hsl(347 100% 87%);
border-color: oklch(0.861 0.079 4.1);
}Tailwind CSS v4
@theme {
--color-pink: #ffbccb;
--color-pink-50: #ffecf1;
--color-pink-100: #ffdee4;
--color-pink-200: #f3c7cf;
--color-pink-300: #dca7b1;
--color-pink-400: #c78b99;
--color-pink-500: #b37080;
--color-pink-600: #975f6c;
--color-pink-700: #794c57;
--color-pink-800: #593740;
--color-pink-900: #3f252c;
--color-pink-950: #281419;
}SCSS
$pink: #ffbccb;
$pink-rgb: 255, 188, 203;
$pink-light: mix(#fff, $pink, 20%);
$pink-dark: mix(#000, $pink, 20%);
.element {
color: $pink;
box-shadow: 0 0 0 2px rgba($pink, 0.35);
}