Cor nomeada mais próxima · #FFF1F2
#FFF1F2
Cor nomeada mais próxima: Voracious White
#FFF1F2 (rgb(255 241 242), hsl(356 100% 97%), oklch(0.969 0.015 12.4)) é mais próxima da cor nomeada Voracious White. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#FFF1F2
oklch(0.969 0.015 12.4)
Conversões de cor
- HEX
- #fff1f2
- RGB
- rgb(255 241 242)
- HSL
- hsl(356 100% 97%)
- HWB
- hwb(356 95% 0%)
- OKLCH
- oklch(0.969 0.015 12.4)
- OKLab
- oklab(0.969 0.015 0.003)
- CIE Lab
- lab(96.28 5 1.29)
- LCH
- lch(96.28 5.16 14.5)
- CMYK
- cmyk(0% 5% 5% 0%)
Tons claros · Sombras · Tons
Tons claros
- FFF2F3
- FFF4F5
- FFF5F6
- FFF7F7
- FFF8F8
- FFF9FA
- FFFBFB
- FFFCFC
- FFFEFE
Sombras
- DED2D2
- BEB3B4
- 9E9596
- 807979
- 635D5E
- 484343
- 2E2B2B
- 161414
- 030303
Tons
- F2E5E6
- E4D9DA
- D7CECE
- CAC2C3
- BEB7B7
- B1ACAC
- A4A1A1
- 989696
- 8C8B8B
Harmonias de cor
Complementar +180°
- FFF1F2
Voracious White
- EAF8F7
≈ Aijiro White
Análoga -30° +30°
- FFF1F2
Voracious White
- FDF1F8
≈ Pinkish White
- FFF2ED
≈ Polished Pink
Tríade +120° +240°
- FFF1F2
Voracious White
- F1F7ED
≈ Unwind
- EEF6FF
≈ Alice Blue
Complementar dividida +150° +210°
- FFF1F2
Voracious White
- ECF8F2
≈ Soft Petals
- EBF7FC
≈ Clear Skies
Tétrade +90° +180° +270°
- FFF1F2
Voracious White
- F7F6EA
≈ Nun Orchid
- EAF8F7
≈ Aijiro White
- F3F4FF
≈ Sugar Crystal
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.09:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 19.11:1 · APCA Lc 101
Melhor cor de texto: #000000
WCAG 19.11:1 (AAA) · APCA Lc 101
Contrast pairs
Trechos de código
CSS
:root {
--voracious-white: #fff1f2;
--voracious-white-rgb: 255 241 242;
--voracious-white-oklch: oklch(0.969 0.015 12.4);
}
.element {
color: var(--voracious-white);
background-color: hsl(356 100% 97%);
border-color: oklch(0.969 0.015 12.4);
}Tailwind CSS v4
@theme {
--color-voracious-white: #fff1f2;
--color-voracious-white-50: #f9f3f4;
--color-voracious-white-100: #ede6e6;
--color-voracious-white-200: #dbd2d2;
--color-voracious-white-300: #bfb4b5;
--color-voracious-white-400: #a79b9c;
--color-voracious-white-500: #908283;
--color-voracious-white-600: #7a6e6f;
--color-voracious-white-700: #615859;
--color-voracious-white-800: #474041;
--color-voracious-white-900: #312c2d;
--color-voracious-white-950: #1d191a;
}SCSS
$voracious-white: #fff1f2;
$voracious-white-rgb: 255, 241, 242;
$voracious-white-light: mix(#fff, $voracious-white, 20%);
$voracious-white-dark: mix(#000, $voracious-white, 20%);
.element {
color: $voracious-white;
box-shadow: 0 0 0 2px rgba($voracious-white, 0.35);
}