Nazwany kolor · #FBEEE8
Rose White
Rose White to #FBEEE8: rgb(251 238 232), hsl(19 70% 95%), oklch(0.958 0.016 46.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Rose White color name →
#FBEEE8
oklch(0.958 0.016 46.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FBF0EA
- FCF1ED
- FCF3EF
- FDF5F1
- FDF6F3
- FDF8F6
- FEFAF8
- FEFCFA
- FFFDFD
Odcienie ciemniejsze
- DACFCA
- BAB1AC
- 9C9390
- 7E7774
- 615C59
- 464240
- 2D2A29
- 151413
- 030303
Tony
- EEE2DD
- E1D7D2
- D5CCC8
- C8C1BD
- BCB5B3
- AFAAA8
- A3A09E
- 979594
- 8C8A8A
Harmonie kolorów
Komplementarna +180°
- FBEEE8
Rose White
- E6F4FA
≈ Kodama White
Analogowa -30° +30°
- FBEEE8
Rose White
- FCEDED
≈ Voracious White
- F7F0E5
≈ White Luxury
Triada +120° +240°
- FBEEE8
Rose White
- E7F5EF
≈ Shiroi White
- F0F0FC
≈ Foundation White
Komplementarna rozszczepiona +150° +210°
- FBEEE8
Rose White
- E5F5F5
≈ Milky Way
- EAF2FC
≈ Moon White
Tetrada +90° +180° +270°
- FBEEE8
Rose White
- ECF4E9
≈ Apple Flower
- E6F4FA
≈ Kodama White
- F6EEF9
≈ Sentimental Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.13:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 18.49:1 · APCA Lc 98
Najlepszy kolor tekstu: #000000
WCAG 18.49:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmenty kodu
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);
}