命名颜色 · #E1E6F0
Mayon Mist
Mayon Mist 即 #E1E6F0：rgb(225 230 240)、hsl(220 33% 91%)、oklch(0.924 0.015 264.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Mayon Mist color name →
#E1E6F0
oklch(0.924 0.015 264.5)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- E4E8F2
- E7EBF3
- EAEDF5
- EDF0F6
- F0F2F8
- F3F5F9
- F6F7FB
- F9FAFC
- FCFCFE
深色调
- C4C8D1
- A7ABB2
- 8B8E95
- 707378
- 56595D
- 3E4043
- 27282A
- 121314
- 020303
灰色调
- D7DBE4
- CDD1D9
- C3C6CD
- B9BCC2
- AFB2B6
- A6A7AB
- 9C9DA0
- 939495
- 898A8B
配色和谐
互补色 +180°
- E1E6F0
Mayon Mist
- EAE5DB
≈ Hot Desert
类似色 -30° +30°
- E1E6F0
Mayon Mist
- DDE8EE
≈ Moby Dick
- E6E4EF
≈ Farsighted
三角配色 +120° +240°
- E1E6F0
Mayon Mist
- F0E2E1
≈ New Youth
- E0E9E0
≈ Wishy-Washy Green
分裂互补色 +150° +210°
- E1E6F0
Mayon Mist
- EEE4DD
≈ Soft Feather
- E5E7DC
≈ Crystal Brooke
四角配色 +90° +180° +270°
- E1E6F0
Mayon Mist
- EEE2E6
≈ Pink Booties
- EAE5DB
≈ Hot Desert
- DDE9E5
≈ Fresh Day
对比度与无障碍
Ag
Fail白底
WCAG 1.25:1 · APCA Lc 12
Ag
AAA黑底
WCAG 16.77:1 · APCA Lc 91
最佳文字颜色: #000000
WCAG 16.77:1 (AAA) · APCA Lc 91
Contrast pairs
代码片段
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);
}