Color con nombre · #FFD7CF
Shy Girl
Shy Girl es #FFD7CF: rgb(255 215 207), hsl(10 100% 91%), oklch(0.911 0.046 31.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Pink mean? → · Shy Girl color name →
#FFD7CF
oklch(0.911 0.046 31.2)
Conversiones de color
- HEX
- #ffd7cf
- RGB
- rgb(255 215 207)
- HSL
- hsl(10 100% 91%)
- HWB
- hwb(10 81% 0%)
- OKLCH
- oklch(0.911 0.046 31.2)
- OKLab
- oklab(0.911 0.04 0.024)
- CIE Lab
- lab(89.27 13.5 9.44)
- LCH
- lch(89.27 16.47 34.9)
- CMYK
- cmyk(0% 16% 19% 0%)
Tintes · Sombras · Tonos
Tintes
- FFDBD4
- FFDFD9
- FFE3DD
- FFE7E2
- FFEBE7
- FFEFEC
- FFF3F0
- FFF7F5
- FFFBFA
Sombras
- DEBBB4
- BE9F99
- 9E857F
- 806B67
- 63524F
- 483B38
- 2E2523
- 161110
- 030202
Tonos
- F2CEC7
- E5C5BF
- D8BCB7
- CBB3AF
- BEABA7
- B1A29F
- A59997
- 98918F
- 8C8888
Armonías de color
Complementario +180°
- FFD7CF
Shy Girl
- BFEBF3
≈ Icy Breeze
Análogo -30° +30°
- FFD7CF
Shy Girl
- FDD5DF
≈ No Need to Blush
- F9DBC3
≈ Sweetness
Triádico +120° +240°
- FFD7CF
Shy Girl
- CCEBD2
≈ Glacial Water Green
- D7E1FF
≈ Contrail
Complementario dividido +150° +210°
- FFD7CF
Shy Girl
- C1ECE3
≈ Clear Aqua
- C7E6FE
≈ Icy Landscape
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.32:1 · APCA Lc 16
Ag
AAASobre negro
WCAG 15.87:1 · APCA Lc 88
Mejor color de texto: #000000
WCAG 15.87:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmentos de código
CSS
:root {
--shy-girl: #ffd7cf;
--shy-girl-rgb: 255 215 207;
--shy-girl-oklch: oklch(0.911 0.046 31.2);
}
.element {
color: var(--shy-girl);
background-color: hsl(10 100% 91%);
border-color: oklch(0.911 0.046 31.2);
}Tailwind CSS v4
@theme {
--color-shy-girl: #ffd7cf;
--color-shy-girl-50: #fff1ed;
--color-shy-girl-100: #f7e3de;
--color-shy-girl-200: #e7cec8;
--color-shy-girl-300: #ceafa8;
--color-shy-girl-400: #b8958e;
--color-shy-girl-500: #a37b73;
--color-shy-girl-600: #896862;
--color-shy-girl-700: #6e534e;
--color-shy-girl-800: #513d39;
--color-shy-girl-900: #392a27;
--color-shy-girl-950: #231715;
}SCSS
$shy-girl: #ffd7cf;
$shy-girl-rgb: 255, 215, 207;
$shy-girl-light: mix(#fff, $shy-girl, 20%);
$shy-girl-dark: mix(#000, $shy-girl, 20%);
.element {
color: $shy-girl;
box-shadow: 0 0 0 2px rgba($shy-girl, 0.35);
}