Color con nombre · #DEB8BC
Pink Softness
Pink Softness es #DEB8BC: rgb(222 184 188), hsl(354 37% 80%), oklch(0.817 0.044 11). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Pink mean? → · Pink Softness color name →
#DEB8BC
oklch(0.817 0.044 11)
Conversiones de color
- HEX
- #deb8bc
- RGB
- rgb(222 184 188)
- HSL
- hsl(354 37% 80%)
- HWB
- hwb(354 72% 13%)
- OKLCH
- oklch(0.817 0.044 11)
- OKLab
- oklab(0.817 0.043 0.008)
- CIE Lab
- lab(78.26 14.55 3.37)
- LCH
- lch(78.26 14.94 13)
- CMYK
- cmyk(0% 17% 15% 13%)
Tintes · Sombras · Tonos
Tintes
- E1BFC3
- E5C6C9
- E8CDD0
- ECD4D6
- EFDBDD
- F2E2E4
- F6E9EB
- F9F1F1
- FCF8F8
Sombras
- C1A0A3
- A5888B
- 897173
- 6F5B5D
- 554547
- 3D3132
- 261E1F
- 120C0D
- 020202
Tonos
- D4B2B6
- CBADB0
- C1A7AA
- B8A1A4
- AE9C9D
- A59698
- 9C9192
- 928B8C
- 898586
Armonías de color
Complementario +180°
- DEB8BC
Pink Softness
- A3CDCA
≈ Ice Boutique Turquoise
Análogo -30° +30°
- DEB8BC
Pink Softness
- D8B8CC
≈ Spring Boutique
- DDBAAE
≈ Pickled Pork
Triádico +120° +240°
- DEB8BC
Pink Softness
- B9C9AC
≈ Tamboon
- AFC6DF
≈ Cumulus Cloud
Complementario dividido +150° +210°
- DEB8BC
Pink Softness
- ABCCBA
≈ Greywacke
- A5CAD7
≈ Vast Sky
Tetrádico +90° +180° +270°
- DEB8BC
Pink Softness
- C9C5A4
≈ Oyster White
- A3CDCA
≈ Ice Boutique Turquoise
- BDC0E0
≈ Rhapsody Lilac
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.79:1 · APCA Lc 33
Ag
AAASobre negro
WCAG 11.68:1 · APCA Lc 69
Mejor color de texto: #000000
WCAG 11.68:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmentos de código
CSS
:root {
--pink-softness: #deb8bc;
--pink-softness-rgb: 222 184 188;
--pink-softness-oklch: oklch(0.817 0.044 11);
}
.element {
color: var(--pink-softness);
background-color: hsl(354 37% 80%);
border-color: oklch(0.817 0.044 11);
}Tailwind CSS v4
@theme {
--color-pink-softness: #deb8bc;
--color-pink-softness-50: #fff0f1;
--color-pink-softness-100: #f6e2e4;
--color-pink-softness-200: #e6cdcf;
--color-pink-softness-300: #cdafb1;
--color-pink-softness-400: #b79498;
--color-pink-softness-500: #a17a7f;
--color-pink-softness-600: #88686b;
--color-pink-softness-700: #6d5356;
--color-pink-softness-800: #503c3f;
--color-pink-softness-900: #38292b;
--color-pink-softness-950: #221719;
}SCSS
$pink-softness: #deb8bc;
$pink-softness-rgb: 222, 184, 188;
$pink-softness-light: mix(#fff, $pink-softness, 20%);
$pink-softness-dark: mix(#000, $pink-softness, 20%);
.element {
color: $pink-softness;
box-shadow: 0 0 0 2px rgba($pink-softness, 0.35);
}