Color con nombre más cercano · #FAF0F5
#FAF0F5
Color con nombre más cercano: Bride
#FAF0F5 (rgb(250 240 245), hsl(330 50% 96%), oklch(0.964 0.013 345.5)) se parece más al color con nombre Bride. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#FAF0F5
oklch(0.964 0.013 345.5)
Conversiones de color
- HEX
- #faf0f5
- RGB
- rgb(250 240 245)
- HSL
- hsl(330 50% 96%)
- HWB
- hwb(330 94% 2%)
- OKLCH
- oklch(0.964 0.013 345.5)
- OKLab
- oklab(0.964 0.012 -0.003)
- CIE Lab
- lab(95.69 4.12 -1.16)
- LCH
- lch(95.69 4.28 344.3)
- CMYK
- cmyk(0% 4% 2% 2%)
Tintes · Sombras · Tonos
Tintes
- FBF1F6
- FBF3F7
- FCF4F8
- FCF6F9
- FDF7FA
- FDF9FB
- FEFAFC
- FEFCFD
- FFFDFE
Sombras
- D9D1D5
- BAB2B6
- 9B9598
- 7D787B
- 615D5F
- 464344
- 2D2A2B
- 151415
- 030303
Tonos
- EDE4E9
- E0D9DD
- D4CDD0
- C7C2C5
- BBB6B9
- AFABAD
- A3A0A2
- 979596
- 8C8B8B
Armonías de color
Complementario +180°
- FAF0F5
Bride
- ECF6F1
≈ Shiroi White
Análogo -30° +30°
Triádico +120° +240°
- FAF0F5
Bride
- F4F4EA
≈ Fresh Popcorn
- EBF5FA
≈ Placebo Blue
Complementario dividido +150° +210°
- FAF0F5
Bride
- F0F5ED
≈ Frosted Juniper
- EAF6F6
≈ Indigo White
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.11:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 18.84:1 · APCA Lc 100
Mejor color de texto: #000000
WCAG 18.84:1 (AAA) · APCA Lc 100
Contrast pairs
Fragmentos de código
CSS
:root {
--bride: #faf0f5;
--bride-rgb: 250 240 245;
--bride-oklch: oklch(0.964 0.013 345.5);
}
.element {
color: var(--bride);
background-color: hsl(330 50% 96%);
border-color: oklch(0.964 0.013 345.5);
}Tailwind CSS v4
@theme {
--color-bride: #faf0f5;
--color-bride-50: #f8f4f6;
--color-bride-100: #ebe6e8;
--color-bride-200: #d9d2d5;
--color-bride-300: #bdb5b8;
--color-bride-400: #a49ca0;
--color-bride-500: #8d8388;
--color-bride-600: #776f73;
--color-bride-700: #5f595c;
--color-bride-800: #464143;
--color-bride-900: #302d2f;
--color-bride-950: #1c1a1b;
}SCSS
$bride: #faf0f5;
$bride-rgb: 250, 240, 245;
$bride-light: mix(#fff, $bride, 20%);
$bride-dark: mix(#000, $bride, 20%);
.element {
color: $bride;
box-shadow: 0 0 0 2px rgba($bride, 0.35);
}