Color con nombre · #FBEEE8
Rose White
Rose White es #FBEEE8: rgb(251 238 232), hsl(19 70% 95%), oklch(0.958 0.016 46.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Rose White color name →
#FBEEE8
oklch(0.958 0.016 46.6)
Conversiones de color
- HEX
- #fbeee8
- RGB
- rgb(251 238 232)
- HSL
- hsl(19 70% 95%)
- HWB
- hwb(19 91% 2%)
- OKLCH
- oklch(0.958 0.016 46.6)
- OKLab
- oklab(0.958 0.011 0.012)
- CIE Lab
- lab(95.01 3.79 4.56)
- LCH
- lch(95.01 5.93 50.3)
- CMYK
- cmyk(0% 5% 8% 2%)
Tintes · Sombras · Tonos
Tintes
- FBF0EA
- FCF1ED
- FCF3EF
- FDF5F1
- FDF6F3
- FDF8F6
- FEFAF8
- FEFCFA
- FFFDFD
Sombras
- DACFCA
- BAB1AC
- 9C9390
- 7E7774
- 615C59
- 464240
- 2D2A29
- 151413
- 030303
Tonos
- EEE2DD
- E1D7D2
- D5CCC8
- C8C1BD
- BCB5B3
- AFAAA8
- A3A09E
- 979594
- 8C8A8A
Armonías de color
Complementario +180°
- FBEEE8
Rose White
- E6F4FA
≈ Kodama White
Análogo -30° +30°
- FBEEE8
Rose White
- FCEDED
≈ Voracious White
- F7F0E5
≈ White Luxury
Triádico +120° +240°
- FBEEE8
Rose White
- E7F5EF
≈ Shiroi White
- F0F0FC
≈ Foundation White
Complementario dividido +150° +210°
- FBEEE8
Rose White
- E5F5F5
≈ Milky Way
- EAF2FC
≈ Moon White
Tetrádico +90° +180° +270°
- FBEEE8
Rose White
- ECF4E9
≈ Apple Flower
- E6F4FA
≈ Kodama White
- F6EEF9
≈ Sentimental Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.13:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 18.49:1 · APCA Lc 98
Mejor color de texto: #000000
WCAG 18.49:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmentos de código
CSS
:root {
--rose-white: #fbeee8;
--rose-white-rgb: 251 238 232;
--rose-white-oklch: oklch(0.958 0.016 46.6);
}
.element {
color: var(--rose-white);
background-color: hsl(19 70% 95%);
border-color: oklch(0.958 0.016 46.6);
}Tailwind CSS v4
@theme {
--color-rose-white: #fbeee8;
--color-rose-white-50: #f9f4f1;
--color-rose-white-100: #ede6e3;
--color-rose-white-200: #dad2ce;
--color-rose-white-300: #bfb5b0;
--color-rose-white-400: #a79c96;
--color-rose-white-500: #90837d;
--color-rose-white-600: #7a6f6a;
--color-rose-white-700: #615955;
--color-rose-white-800: #47413e;
--color-rose-white-900: #322d2a;
--color-rose-white-950: #1d1a18;
}SCSS
$rose-white: #fbeee8;
$rose-white-rgb: 251, 238, 232;
$rose-white-light: mix(#fff, $rose-white, 20%);
$rose-white-dark: mix(#000, $rose-white, 20%);
.element {
color: $rose-white;
box-shadow: 0 0 0 2px rgba($rose-white, 0.35);
}