Nazwany kolor · #F8EEE7
White Rabbit
White Rabbit to #F8EEE7: rgb(248 238 231), hsl(25 55% 94%), oklch(0.955 0.014 57.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · White Rabbit color name →
#F8EEE7
oklch(0.955 0.014 57.6)
Konwersje koloru
- HEX
- #f8eee7
- RGB
- rgb(248 238 231)
- HSL
- hsl(25 55% 94%)
- HWB
- hwb(25 91% 3%)
- OKLCH
- oklch(0.955 0.014 57.6)
- OKLab
- oklab(0.955 0.008 0.012)
- CIE Lab
- lab(94.75 2.6 4.66)
- LCH
- lch(94.75 5.34 60.8)
- CMYK
- cmyk(0% 4% 7% 3%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F9F0E9
- F9F1EC
- FAF3EE
- FBF5F1
- FCF6F3
- FCF8F5
- FDFAF8
- FEFCFA
- FEFDFD
Odcienie ciemniejsze
- D8CFC9
- B8B1AB
- 9A938F
- 7C7773
- 605C59
- 454240
- 2C2A28
- 151413
- 030303
Tony
- EBE2DC
- DFD7D2
- D3CCC7
- C6C1BC
- BAB5B2
- AEAAA8
- A2A09E
- 979594
- 8B8A8A
Harmonie kolorów
Komplementarna +180°
- F8EEE7
White Rabbit
- E8F2F9
≈ Clear Vision
Analogowa -30° +30°
- F8EEE7
White Rabbit
- FAEDEB
≈ Salt Pebble
- F4F0E6
≈ Romance
Triada +120° +240°
- F8EEE7
White Rabbit
- E7F3F0
≈ Warp Drive
- F1EEF9
≈ Foundation White
Komplementarna rozszczepiona +150° +210°
- F8EEE7
White Rabbit
- E6F3F5
≈ Milky Way
- ECF0FA
≈ First Snow
Tetrada +90° +180° +270°
- F8EEE7
White Rabbit
- EAF3EB
≈ Astronomer
- E8F2F9
≈ Clear Vision
- F6EDF5
≈ Sentimental Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.14:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 18.37:1 · APCA Lc 98
Najlepszy kolor tekstu: #000000
WCAG 18.37:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmenty kodu
CSS
:root {
--white-rabbit: #f8eee7;
--white-rabbit-rgb: 248 238 231;
--white-rabbit-oklch: oklch(0.955 0.014 57.6);
}
.element {
color: var(--white-rabbit);
background-color: hsl(25 55% 94%);
border-color: oklch(0.955 0.014 57.6);
}Tailwind CSS v4
@theme {
--color-white-rabbit: #f8eee7;
--color-white-rabbit-50: #f8f4f1;
--color-white-rabbit-100: #ece7e3;
--color-white-rabbit-200: #d9d3ce;
--color-white-rabbit-300: #bdb6b0;
--color-white-rabbit-400: #a59c96;
--color-white-rabbit-500: #8e847d;
--color-white-rabbit-600: #78706a;
--color-white-rabbit-700: #605955;
--color-white-rabbit-800: #46413e;
--color-white-rabbit-900: #312d2a;
--color-white-rabbit-950: #1d1a18;
}SCSS
$white-rabbit: #f8eee7;
$white-rabbit-rgb: 248, 238, 231;
$white-rabbit-light: mix(#fff, $white-rabbit, 20%);
$white-rabbit-dark: mix(#000, $white-rabbit, 20%);
.element {
color: $white-rabbit;
box-shadow: 0 0 0 2px rgba($white-rabbit, 0.35);
}