Color con nombre más cercano · #FBEDF5
#FBEDF5
Color con nombre más cercano: Powder Puff
#FBEDF5 (rgb(251 237 245), hsl(326 64% 96%), oklch(0.959 0.018 342)) se parece más al color con nombre Powder Puff. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#FBEDF5
oklch(0.959 0.018 342)
Conversiones de color
- HEX
- #fbedf5
- RGB
- rgb(251 237 245)
- HSL
- hsl(326 64% 96%)
- HWB
- hwb(326 93% 2%)
- OKLCH
- oklch(0.959 0.018 342)
- OKLab
- oklab(0.959 0.017 -0.006)
- CIE Lab
- lab(95.04 5.91 -2.09)
- LCH
- lch(95.04 6.27 340.5)
- CMYK
- cmyk(0% 6% 2% 2%)
Tintes · Sombras · Tonos
Tintes
- FBEFF6
- FCF1F7
- FCF2F8
- FDF4F9
- FDF6FA
- FDF8FB
- FEFAFC
- FEFBFD
- FFFDFE
Sombras
- DACED5
- BAB0B6
- 9C9398
- 7E777B
- 615C5F
- 464244
- 2D2A2B
- 151415
- 030303
Tonos
- EEE2E9
- E1D6DD
- D5CBD0
- C8C0C5
- BCB5B9
- AFAAAD
- A39FA2
- 979596
- 8C8A8B
Armonías de color
Complementario +180°
- FBEDF5
Powder Puff
- E7F6EE
≈ Shiroi White
Análogo -30° +30°
- FBEDF5
Powder Puff
- F6EEFB
≈ Cloud Break
- FEEDEE
≈ Translucent Unicorn
Triádico +120° +240°
- FBEDF5
Powder Puff
- F4F2E4
≈ Resort White
- E5F5FB
≈ Kodama White
Complementario dividido +150° +210°
- FBEDF5
Powder Puff
- EDF4E8
≈ Verde Pastel
- E4F6F5
≈ Frosty Mint
Tetrádico +90° +180° +270°
- FBEDF5
Powder Puff
- FAF0E5
≈ Linen
- E7F6EE
≈ Shiroi White
- E9F3FE
≈ Moon White
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.13:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 18.53:1 · APCA Lc 98
Mejor color de texto: #000000
WCAG 18.53:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmentos de código
CSS
:root {
--powder-puff: #fbedf5;
--powder-puff-rgb: 251 237 245;
--powder-puff-oklch: oklch(0.959 0.018 342);
}
.element {
color: var(--powder-puff);
background-color: hsl(326 64% 96%);
border-color: oklch(0.959 0.018 342);
}Tailwind CSS v4
@theme {
--color-powder-puff: #fbedf5;
--color-powder-puff-50: #f9f3f6;
--color-powder-puff-100: #ede5e9;
--color-powder-puff-200: #dad1d6;
--color-powder-puff-300: #bfb4ba;
--color-powder-puff-400: #a79aa1;
--color-powder-puff-500: #8f828a;
--color-powder-puff-600: #796e74;
--color-powder-puff-700: #61585d;
--color-powder-puff-800: #474044;
--color-powder-puff-900: #312c2f;
--color-powder-puff-950: #1d191c;
}SCSS
$powder-puff: #fbedf5;
$powder-puff-rgb: 251, 237, 245;
$powder-puff-light: mix(#fff, $powder-puff, 20%);
$powder-puff-dark: mix(#000, $powder-puff, 20%);
.element {
color: $powder-puff;
box-shadow: 0 0 0 2px rgba($powder-puff, 0.35);
}