Color con nombre · #F1BFE2
Lavender Soap
Lavender Soap es #F1BFE2: rgb(241 191 226), hsl(318 64% 85%), oklch(0.859 0.073 337.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Pink mean? → · Lavender Soap color name →
#F1BFE2
oklch(0.859 0.073 337.4)
Conversiones de color
- HEX
- #f1bfe2
- RGB
- rgb(241 191 226)
- HSL
- hsl(318 64% 85%)
- HWB
- hwb(318 75% 5%)
- OKLCH
- oklch(0.859 0.073 337.4)
- OKLab
- oklab(0.859 0.067 -0.028)
- CIE Lab
- lab(82.66 22.6 -10.33)
- LCH
- lch(82.66 24.85 335.4)
- CMYK
- cmyk(0% 21% 6% 5%)
Tintes · Sombras · Tonos
Tintes
- F3C5E5
- F4CCE8
- F6D2EB
- F7D9EE
- F9DFF1
- FAE5F3
- FBECF6
- FDF2F9
- FEF9FC
Sombras
- D2A6C4
- B38DA8
- 95758C
- 795E71
- 5D4857
- 43333E
- 2B1F27
- 140D12
- 030203
Tonos
- E5B9D8
- DAB2CE
- CEACC4
- C3A6BA
- B79FB0
- AC99A6
- A1939C
- 968C93
- 8B8689
Armonías de color
Complementario +180°
- F1BFE2
Lavender Soap
- A9E0BE
≈ Mountain Mint
Análogo -30° +30°
- F1BFE2
Lavender Soap
- DDC5F7
≈ Neon Boneyard
- FCBDC8
≈ Love Affair
Triádico +120° +240°
- F1BFE2
Lavender Soap
- DED29B
≈ Twinkle Toes
- 99DDF0
≈ Non-Photo Blue
Complementario dividido +150° +210°
- F1BFE2
Lavender Soap
- C3DAA7
≈ Winter Willow Green
- 98E1D9
≈ Sharbah Fizz
Tetrádico +90° +180° +270°
- F1BFE2
Lavender Soap
- F2C89E
≈ Sheer Apricot
- A9E0BE
≈ Mountain Mint
- ABD6FF
≈ Malmö FF
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.58:1 · APCA Lc 26
Ag
AAASobre negro
WCAG 13.29:1 · APCA Lc 77
Mejor color de texto: #000000
WCAG 13.29:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmentos de código
CSS
:root {
--lavender-soap: #f1bfe2;
--lavender-soap-rgb: 241 191 226;
--lavender-soap-oklch: oklch(0.859 0.073 337.4);
}
.element {
color: var(--lavender-soap);
background-color: hsl(318 64% 85%);
border-color: oklch(0.859 0.073 337.4);
}Tailwind CSS v4
@theme {
--color-lavender-soap: #f1bfe2;
--color-lavender-soap-50: #ffeefc;
--color-lavender-soap-100: #f9dff0;
--color-lavender-soap-200: #eac9de;
--color-lavender-soap-300: #d2a9c4;
--color-lavender-soap-400: #bb8eae;
--color-lavender-soap-500: #a67398;
--color-lavender-soap-600: #8c6280;
--color-lavender-soap-700: #704e67;
--color-lavender-soap-800: #52394c;
--color-lavender-soap-900: #392735;
--color-lavender-soap-950: #241520;
}SCSS
$lavender-soap: #f1bfe2;
$lavender-soap-rgb: 241, 191, 226;
$lavender-soap-light: mix(#fff, $lavender-soap, 20%);
$lavender-soap-dark: mix(#000, $lavender-soap, 20%);
.element {
color: $lavender-soap;
box-shadow: 0 0 0 2px rgba($lavender-soap, 0.35);
}