Color con nombre · #2A2922
Maire
Maire es #2A2922: rgb(42 41 34), hsl(53 11% 15%), oklch(0.28 0.013 100.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Maire color name →
#2A2922
oklch(0.28 0.013 100.5)
Conversiones de color
- HEX
- #2a2922
- RGB
- rgb(42 41 34)
- HSL
- hsl(53 11% 15%)
- HWB
- hwb(53 13% 84%)
- OKLCH
- oklch(0.28 0.013 100.5)
- OKLab
- oklab(0.28 -0.002 0.012)
- CIE Lab
- lab(16.51 -0.68 4.79)
- LCH
- lch(16.51 4.84 98)
- CMYK
- cmyk(0% 2% 19% 84%)
Tintes · Sombras · Tonos
Tintes
- 3C3B35
- 4F4E48
- 63625D
- 777772
- 8D8C88
- A3A29F
- B9B9B6
- D0D0CE
- E7E7E6
Sombras
- 23221C
- 1C1C16
- 161511
- 100F0B
- 0A0907
- 050503
- 020201
- 010100
- 000000
Tonos
- 32312A
- 3A3933
- 42413C
- 4A4A45
- 53534F
- 5C5B58
- 656462
- 6E6D6C
- 777776
Armonías de color
Complementario +180°
- 2A2922
Maire
- 27282F
≈ Anthracite
Análogo -30° +30°
- 2A2922
Maire
- 2D2822
≈ Maire
- 272A24
≈ Maire
Triádico +120° +240°
- 2A2922
Maire
- 222A2D
≈ Cinder
- 2D262B
≈ Black Onyx
Complementario dividido +150° +210°
- 2A2922
Maire
- 24292F
≈ Cinder
- 2B272D
≈ Black Onyx
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 14.59:1 · APCA Lc 101
Ag
FailSobre negro
WCAG 1.43:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 14.59:1 (AAA) · APCA Lc 101
Contrast pairs
Fragmentos de código
CSS
:root {
--maire: #2a2922;
--maire-rgb: 42 41 34;
--maire-oklch: oklch(0.28 0.013 100.5);
}
.element {
color: var(--maire);
background-color: hsl(53 11% 15%);
border-color: oklch(0.28 0.013 100.5);
}Tailwind CSS v4
@theme {
--color-maire: #2a2922;
--color-maire-50: #f6f5f1;
--color-maire-100: #e8e8e3;
--color-maire-200: #d5d4ce;
--color-maire-300: #b8b8b1;
--color-maire-400: #a09f96;
--color-maire-500: #88867d;
--color-maire-600: #73726a;
--color-maire-700: #5c5b55;
--color-maire-800: #43423e;
--color-maire-900: #2e2e2a;
--color-maire-950: #1b1b18;
}SCSS
$maire: #2a2922;
$maire-rgb: 42, 41, 34;
$maire-light: mix(#fff, $maire, 20%);
$maire-dark: mix(#000, $maire, 20%);
.element {
color: $maire;
box-shadow: 0 0 0 2px rgba($maire, 0.35);
}