Color con nombre · #F780A1
Pink Sherbet
Pink Sherbet es #F780A1: rgb(247 128 161), hsl(343 88% 74%), oklch(0.742 0.149 3.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Pink Sherbet color name →
#F780A1
oklch(0.742 0.149 3.7)
Conversiones de color
- HEX
- #f780a1
- RGB
- rgb(247 128 161)
- HSL
- hsl(343 88% 74%)
- HWB
- hwb(343 50% 3%)
- OKLCH
- oklch(0.742 0.149 3.7)
- OKLab
- oklab(0.742 0.148 0.01)
- CIE Lab
- lab(68.26 48.85 4.4)
- LCH
- lch(68.26 49.05 5.1)
- CMYK
- cmyk(0% 48% 35% 3%)
Tintes · Sombras · Tonos
Tintes
- F98DAA
- FC9BB3
- FDA7BC
- FFB4C6
- FFC1CF
- FFCDD8
- FFDAE2
- FFE6EC
- FFF3F5
Sombras
- D76E8B
- B75D76
- 994D62
- 7C3D4E
- 602E3C
- 451F2A
- 2C1219
- 150609
- 030101
Tonos
- EB819E
- E0829A
- D48297
- C98294
- BD8290
- B1828D
- A5828A
- 998286
- 8D8183
Armonías de color
Complementario +180°
- F780A1
Pink Sherbet
- 00C6B4
≈ Amazonite
Análogo -30° +30°
- F780A1
Pink Sherbet
- E385D2
≈ Blushed Bombshell
- FA856B
≈ Fruit Red
Triádico +120° +240°
- F780A1
Pink Sherbet
- 99BB46
≈ Paddy Field
- 4DB4FF
≈ Tiān Lán Sky
Complementario dividido +150° +210°
- F780A1
Pink Sherbet
- 51C67F
≈ Paris Green
- 00C0DD
≈ Caribbean Blue
Tetrádico +90° +180° +270°
- F780A1
Pink Sherbet
- CBA814
≈ Catkin Yellow
- 00C6B4
≈ Amazonite
- 91A4FF
≈ Widowmaker
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.45:1 · APCA Lc 48
Ag
AAASobre negro
WCAG 8.55:1 · APCA Lc 54
Mejor color de texto: #000000
WCAG 8.55:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmentos de código
CSS
:root {
--pink-sherbet: #f780a1;
--pink-sherbet-rgb: 247 128 161;
--pink-sherbet-oklch: oklch(0.742 0.149 3.7);
}
.element {
color: var(--pink-sherbet);
background-color: hsl(343 88% 74%);
border-color: oklch(0.742 0.149 3.7);
}Tailwind CSS v4
@theme {
--color-pink-sherbet: #f780a1;
--color-pink-sherbet-50: #ffe4ef;
--color-pink-sherbet-100: #ffd4e0;
--color-pink-sherbet-200: #ffbacb;
--color-pink-sherbet-300: #f796ac;
--color-pink-sherbet-400: #e57695;
--color-pink-sherbet-500: #d2547b;
--color-pink-sherbet-600: #b24868;
--color-pink-sherbet-700: #8f3953;
--color-pink-sherbet-800: #6a283f;
--color-pink-sherbet-900: #4b1b2b;
--color-pink-sherbet-950: #310b18;
}SCSS
$pink-sherbet: #f780a1;
$pink-sherbet-rgb: 247, 128, 161;
$pink-sherbet-light: mix(#fff, $pink-sherbet, 20%);
$pink-sherbet-dark: mix(#000, $pink-sherbet, 20%);
.element {
color: $pink-sherbet;
box-shadow: 0 0 0 2px rgba($pink-sherbet, 0.35);
}