Named color · #E3E4E2
Aria
Aria is #E3E4E2: rgb(227 228 226), hsl(90 4% 89%), oklch(0.918 0.003 128.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Aria color name →
#E3E4E2
oklch(0.918 0.003 128.5)
Color conversions
- HEX
- #e3e4e2
- RGB
- rgb(227 228 226)
- HSL
- hsl(90 4% 89%)
- HWB
- hwb(90 89% 11%)
- OKLCH
- oklch(0.918 0.003 128.5)
- OKLab
- oklab(0.918 -0.002 0.002)
- CIE Lab
- lab(90.47 -0.62 0.85)
- LCH
- lch(90.47 1.05 125.8)
- CMYK
- cmyk(0% 0% 1% 11%)
Tints · Shades · Tones
Tints
- E6E7E5
- E9E9E8
- EBECEB
- EEEFEE
- F1F1F0
- F4F4F3
- F7F7F6
- F9FAF9
- FCFCFC
Shades
- C5C6C4
- A8A9A8
- 8C8D8C
- 717271
- 575857
- 3F3F3E
- 272827
- 121212
- 030303
Tones
- D9DAD8
- CECFCE
- C4C5C4
- BABBBA
- B0B1B0
- A6A7A6
- 9D9D9C
- 939393
- 898A89
Color harmonies
Complementary +180°
- E3E4E2
Aria
- E4E3E5
≈ Tripoli White
Analogous -30° +30°
- E3E4E2
Aria
- E4E4E2
≈ Aria
- E2E4E3
≈ Aria
Triadic +120° +240°
Split-complementary +150° +210°
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.27:1 · APCA Lc 14
Ag
AAAOn black
WCAG 16.46:1 · APCA Lc 90
Best text color: #000000
WCAG 16.46:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--aria: #e3e4e2;
--aria-rgb: 227 228 226;
--aria-oklch: oklch(0.918 0.003 128.5);
}
.element {
color: var(--aria);
background-color: hsl(90 4% 89%);
border-color: oklch(0.918 0.003 128.5);
}Tailwind CSS v4
@theme {
--color-aria: #e3e4e2;
--color-aria-50: #f5f5f4;
--color-aria-100: #e7e8e7;
--color-aria-200: #d4d4d3;
--color-aria-300: #b7b8b6;
--color-aria-400: #9e9f9d;
--color-aria-500: #858684;
--color-aria-600: #717270;
--color-aria-700: #5a5b5a;
--color-aria-800: #424241;
--color-aria-900: #2e2e2d;
--color-aria-950: #1a1b1a;
}SCSS
$aria: #e3e4e2;
$aria-rgb: 227, 228, 226;
$aria-light: mix(#fff, $aria, 20%);
$aria-dark: mix(#000, $aria, 20%);
.element {
color: $aria;
box-shadow: 0 0 0 2px rgba($aria, 0.35);
}