Color con nombre · #E1E6E6
Rarified Air
Rarified Air es #E1E6E6: rgb(225 230 230), hsl(180 9% 89%), oklch(0.921 0.005 197.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Rarified Air color name →
#E1E6E6
oklch(0.921 0.005 197.1)
Conversiones de color
- HEX
- #e1e6e6
- RGB
- rgb(225 230 230)
- HSL
- hsl(180 9% 89%)
- HWB
- hwb(180 88% 10%)
- OKLCH
- oklch(0.921 0.005 197.1)
- OKLab
- oklab(0.921 -0.005 -0.002)
- CIE Lab
- lab(90.91 -1.74 -0.62)
- LCH
- lch(90.91 1.84 199.6)
- CMYK
- cmyk(2% 0% 0% 10%)
Tintes · Sombras · Tonos
Tintes
- E4E8E8
- E7EBEB
- EAEDED
- EDF0F0
- F0F2F2
- F3F5F5
- F6F7F7
- F9FAFA
- FCFCFC
Sombras
- C4C8C8
- A7ABAB
- 8B8E8E
- 707373
- 565959
- 3E4040
- 272828
- 121313
- 020303
Tonos
- D7DBDB
- CDD1D1
- C3C6C6
- B9BCBC
- AFB2B2
- A6A7A7
- 9C9D9D
- 939393
- 898A8A
Armonías de color
Complementario +180°
- E1E6E6
Rarified Air
- E8E3E3
≈ Antique Petal
Análogo -30° +30°
- E1E6E6
Rarified Air
- E2E6E4
≈ Ice Sculpture
- E1E6E8
≈ Rarified Air
Triádico +120° +240°
- E1E6E6
Rarified Air
- E6E4E7
≈ Lilac Mist
- E7E4E1
≈ Fading Fog
Complementario dividido +150° +210°
- E1E6E6
Rarified Air
- E8E3E5
≈ Antique Petal
- E8E4E2
≈ Fading Fog
Tetrádico +90° +180° +270°
- E1E6E6
Rarified Air
- E4E4E8
≈ Lilac Mist
- E8E3E3
≈ Antique Petal
- E5E5E1
≈ Apollo Landing
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.26:1 · APCA Lc 13
Ag
AAASobre negro
WCAG 16.66:1 · APCA Lc 91
Mejor color de texto: #000000
WCAG 16.66:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmentos de código
CSS
:root {
--rarified-air: #e1e6e6;
--rarified-air-rgb: 225 230 230;
--rarified-air-oklch: oklch(0.921 0.005 197.1);
}
.element {
color: var(--rarified-air);
background-color: hsl(180 9% 89%);
border-color: oklch(0.921 0.005 197.1);
}Tailwind CSS v4
@theme {
--color-rarified-air: #e1e6e6;
--color-rarified-air-50: #f3f5f6;
--color-rarified-air-100: #e6e8e8;
--color-rarified-air-200: #d2d5d5;
--color-rarified-air-300: #b4b8b8;
--color-rarified-air-400: #9b9f9f;
--color-rarified-air-500: #828787;
--color-rarified-air-600: #6e7272;
--color-rarified-air-700: #585c5c;
--color-rarified-air-800: #404343;
--color-rarified-air-900: #2c2e2e;
--color-rarified-air-950: #191b1b;
}SCSS
$rarified-air: #e1e6e6;
$rarified-air-rgb: 225, 230, 230;
$rarified-air-light: mix(#fff, $rarified-air, 20%);
$rarified-air-dark: mix(#000, $rarified-air, 20%);
.element {
color: $rarified-air;
box-shadow: 0 0 0 2px rgba($rarified-air, 0.35);
}