Nazwany kolor · #E6F0DE
Mayfair White
Mayfair White to #E6F0DE: rgb(230 240 222), hsl(93 37% 91%), oklch(0.943 0.026 130.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Mayfair White color name →
#E6F0DE
oklch(0.943 0.026 130.9)
Konwersje koloru
- HEX
- #e6f0de
- RGB
- rgb(230 240 222)
- HSL
- hsl(93 37% 91%)
- HWB
- hwb(93 87% 6%)
- OKLCH
- oklch(0.943 0.026 130.9)
- OKLab
- oklab(0.943 -0.017 0.02)
- CIE Lab
- lab(93.67 -5.81 7.53)
- LCH
- lch(93.67 9.51 127.6)
- CMYK
- cmyk(4% 0% 7% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8F2E1
- EBF3E5
- EDF5E8
- F0F6EB
- F2F8EE
- F5F9F2
- F7FBF5
- FAFCF8
- FCFEFC
Odcienie ciemniejsze
- C8D1C1
- ABB2A5
- 8E9589
- 73786F
- 595D55
- 40433D
- 282A26
- 131412
- 030302
Tony
- DBE4D4
- D1D9CA
- C6CDC1
- BCC2B7
- B2B6AE
- A7ABA5
- 9DA09B
- 949592
- 8A8B89
Harmonie kolorów
Komplementarna +180°
- E6F0DE
Mayfair White
- F2E8F9
≈ Perfume Haze
Analogowa -30° +30°
- E6F0DE
Mayfair White
- EFEDD9
≈ Cravat
- DEF2E6
≈ Particle Cannon
Triada +120° +240°
- E6F0DE
Mayfair White
- E0EEFE
≈ Calcareous Sinter
- FDE5E8
≈ Valerie
Komplementarna rozszczepiona +150° +210°
- E6F0DE
Mayfair White
- E8EBFE
≈ Brilliant White
- F9E6F1
≈ Cherry Pearl
Tetrada +90° +180° +270°
- E6F0DE
Mayfair White
- DAF1F9
≈ Water
- F2E8F9
≈ Perfume Haze
- FDE7DF
≈ Aquarelle Orange
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.17:1 · APCA Lc 8
Ag
AAANa czerni
WCAG 17.88:1 · APCA Lc 96
Najlepszy kolor tekstu: #000000
WCAG 17.88:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmenty kodu
CSS
:root {
--mayfair-white: #e6f0de;
--mayfair-white-rgb: 230 240 222;
--mayfair-white-oklch: oklch(0.943 0.026 130.9);
}
.element {
color: var(--mayfair-white);
background-color: hsl(93 37% 91%);
border-color: oklch(0.943 0.026 130.9);
}Tailwind CSS v4
@theme {
--color-mayfair-white: #e6f0de;
--color-mayfair-white-50: #f2f7ef;
--color-mayfair-white-100: #e4eae1;
--color-mayfair-white-200: #d0d7cc;
--color-mayfair-white-300: #b2baad;
--color-mayfair-white-400: #99a292;
--color-mayfair-white-500: #808a78;
--color-mayfair-white-600: #6c7566;
--color-mayfair-white-700: #575d51;
--color-mayfair-white-800: #40443b;
--color-mayfair-white-900: #2c2f28;
--color-mayfair-white-950: #191c16;
}SCSS
$mayfair-white: #e6f0de;
$mayfair-white-rgb: 230, 240, 222;
$mayfair-white-light: mix(#fff, $mayfair-white, 20%);
$mayfair-white-dark: mix(#000, $mayfair-white, 20%);
.element {
color: $mayfair-white;
box-shadow: 0 0 0 2px rgba($mayfair-white, 0.35);
}