Color con nombre · #EFDBE2
Pink Posies
Pink Posies es #EFDBE2: rgb(239 219 226), hsl(339 38% 90%), oklch(0.91 0.024 354.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Pink Posies color name →
#EFDBE2
oklch(0.91 0.024 354.3)
Conversiones de color
- HEX
- #efdbe2
- RGB
- rgb(239 219 226)
- HSL
- hsl(339 38% 90%)
- HWB
- hwb(339 86% 6%)
- OKLCH
- oklch(0.91 0.024 354.3)
- OKLab
- oklab(0.91 0.024 -0.002)
- CIE Lab
- lab(89.2 7.99 -0.82)
- LCH
- lch(89.2 8.03 354.2)
- CMYK
- cmyk(0% 8% 5% 6%)
Tintes · Sombras · Tonos
Tintes
- F1DFE5
- F2E2E8
- F4E6EB
- F6E9EE
- F7EDF0
- F9F1F3
- FAF4F6
- FCF8F9
- FDFBFC
Sombras
- D0BEC4
- B1A2A8
- 94878C
- 786D71
- 5C5457
- 423C3E
- 2A2627
- 141112
- 030203
Tonos
- E3D2D8
- D8C8CE
- CCBFC4
- C1B6BA
- B6ACB0
- ABA3A6
- A09A9C
- 959193
- 8B8989
Armonías de color
Complementario +180°
- EFDBE2
Pink Posies
- D2E7E0
≈ Aqua Glass
Análogo -30° +30°
- EFDBE2
Pink Posies
- EADCEA
≈ Sprinkle
- F1DBD9
≈ Hawaiian Shell
Triádico +120° +240°
- EFDBE2
Pink Posies
- E0E3D2
≈ Pale Green Tea
- D3E4EF
≈ Mystic Harbour
Complementario dividido +150° +210°
- EFDBE2
Pink Posies
- D8E6D8
≈ Whispering Frost
- D0E6E8
≈ Blue Phlox
Tetrádico +90° +180° +270°
- EFDBE2
Pink Posies
- E9E0D0
≈ Vanilla Flower
- D2E7E0
≈ Aqua Glass
- D9E1F2
≈ Aquarelle Purple
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.32:1 · APCA Lc 16
Ag
AAASobre negro
WCAG 15.90:1 · APCA Lc 88
Mejor color de texto: #000000
WCAG 15.90:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmentos de código
CSS
:root {
--pink-posies: #efdbe2;
--pink-posies-rgb: 239 219 226;
--pink-posies-oklch: oklch(0.91 0.024 354.3);
}
.element {
color: var(--pink-posies);
background-color: hsl(339 38% 90%);
border-color: oklch(0.91 0.024 354.3);
}Tailwind CSS v4
@theme {
--color-pink-posies: #efdbe2;
--color-pink-posies-50: #fbf2f5;
--color-pink-posies-100: #efe5e8;
--color-pink-posies-200: #ddd0d4;
--color-pink-posies-300: #c2b3b8;
--color-pink-posies-400: #ab999f;
--color-pink-posies-500: #948087;
--color-pink-posies-600: #7d6c72;
--color-pink-posies-700: #64575b;
--color-pink-posies-800: #493f43;
--color-pink-posies-900: #332b2e;
--color-pink-posies-950: #1f191b;
}SCSS
$pink-posies: #efdbe2;
$pink-posies-rgb: 239, 219, 226;
$pink-posies-light: mix(#fff, $pink-posies, 20%);
$pink-posies-dark: mix(#000, $pink-posies, 20%);
.element {
color: $pink-posies;
box-shadow: 0 0 0 2px rgba($pink-posies, 0.35);
}