Benannte Farbe · #E1E6F0
Mayon Mist
Mayon Mist ist #E1E6F0: rgb(225 230 240), hsl(220 33% 91%), oklch(0.924 0.015 264.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Mayon Mist color name →
#E1E6F0
oklch(0.924 0.015 264.5)
Farbumrechnungen
- HEX
- #e1e6f0
- RGB
- rgb(225 230 240)
- HSL
- hsl(220 33% 91%)
- HWB
- hwb(220 88% 6%)
- OKLCH
- oklch(0.924 0.015 264.5)
- OKLab
- oklab(0.924 -0.001 -0.015)
- CIE Lab
- lab(91.13 -0.35 -5.49)
- LCH
- lch(91.13 5.5 266.4)
- CMYK
- cmyk(6% 4% 0% 6%)
Tints · Shades · Tones
Tints
- E4E8F2
- E7EBF3
- EAEDF5
- EDF0F6
- F0F2F8
- F3F5F9
- F6F7FB
- F9FAFC
- FCFCFE
Shades
- C4C8D1
- A7ABB2
- 8B8E95
- 707378
- 56595D
- 3E4043
- 27282A
- 121314
- 020303
Tones
- D7DBE4
- CDD1D9
- C3C6CD
- B9BCC2
- AFB2B6
- A6A7AB
- 9C9DA0
- 939495
- 898A8B
Farbharmonien
Komplementär +180°
- E1E6F0
Mayon Mist
- EAE5DB
≈ Hot Desert
Analog -30° +30°
- E1E6F0
Mayon Mist
- DDE8EE
≈ Moby Dick
- E6E4EF
≈ Farsighted
Triadisch +120° +240°
- E1E6F0
Mayon Mist
- F0E2E1
≈ New Youth
- E0E9E0
≈ Wishy-Washy Green
Geteilt komplementär +150° +210°
- E1E6F0
Mayon Mist
- EEE4DD
≈ Soft Feather
- E5E7DC
≈ Crystal Brooke
Tetradisch +90° +180° +270°
- E1E6F0
Mayon Mist
- EEE2E6
≈ Pink Booties
- EAE5DB
≈ Hot Desert
- DDE9E5
≈ Fresh Day
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.25:1 · APCA Lc 12
Ag
AAAAuf Schwarz
WCAG 16.77:1 · APCA Lc 91
Beste Textfarbe: #000000
WCAG 16.77:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--mayon-mist: #e1e6f0;
--mayon-mist-rgb: 225 230 240;
--mayon-mist-oklch: oklch(0.924 0.015 264.5);
}
.element {
color: var(--mayon-mist);
background-color: hsl(220 33% 91%);
border-color: oklch(0.924 0.015 264.5);
}Tailwind CSS v4
@theme {
--color-mayon-mist: #e1e6f0;
--color-mayon-mist-50: #f3f5f9;
--color-mayon-mist-100: #e5e8ed;
--color-mayon-mist-200: #d1d4db;
--color-mayon-mist-300: #b4b7bf;
--color-mayon-mist-400: #9a9ea7;
--color-mayon-mist-500: #818690;
--color-mayon-mist-600: #6d727a;
--color-mayon-mist-700: #575b62;
--color-mayon-mist-800: #404248;
--color-mayon-mist-900: #2c2e32;
--color-mayon-mist-950: #191b1e;
}SCSS
$mayon-mist: #e1e6f0;
$mayon-mist-rgb: 225, 230, 240;
$mayon-mist-light: mix(#fff, $mayon-mist, 20%);
$mayon-mist-dark: mix(#000, $mayon-mist, 20%);
.element {
color: $mayon-mist;
box-shadow: 0 0 0 2px rgba($mayon-mist, 0.35);
}