Cor nomeada mais próxima · #3B2123
#3B2123
Cor nomeada mais próxima: Aubergine
#3B2123 (rgb(59 33 35), hsl(355 28% 18%), oklch(0.283 0.04 15)) é mais próxima da cor nomeada Aubergine. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#3B2123
oklch(0.283 0.04 15)
Conversões de cor
- HEX
- #3b2123
- RGB
- rgb(59 33 35)
- HSL
- hsl(355 28% 18%)
- HWB
- hwb(355 13% 77%)
- OKLCH
- oklch(0.283 0.04 15)
- OKLab
- oklab(0.283 0.039 0.01)
- CIE Lab
- lab(16.33 13.09 4.24)
- LCH
- lch(16.33 13.76 18)
- CMYK
- cmyk(0% 44% 41% 77%)
Tons claros · Sombras · Tons
Tons claros
- 4D3435
- 5F4849
- 725C5D
- 857273
- 988888
- AC9F9F
- C0B6B6
- D5CECE
- EAE6E6
Sombras
- 321B1D
- 291617
- 211011
- 190B0C
- 110607
- 090304
- 040101
- 010000
- 000000
Tons
- 422A2B
- 493334
- 503C3D
- 574546
- 5E4F4F
- 645859
- 6B6262
- 726C6C
- 797676
Harmonias de cor
Complementar +180°
- 3B2123
Aubergine
- 0B3030
≈ Roof Tile Green
Análoga -30° +30°
- 3B2123
Aubergine
- 38212E
≈ Jasmin Beauty
- 3A2318
≈ Wetlands Swamp
Tríade +120° +240°
- 3B2123
Aubergine
- 212E19
≈ Kuro Green
- 1C2A3D
≈ Eternal Darkness
Complementar dividida +150° +210°
- 3B2123
Aubergine
- 143024
≈ Méi Hēi Coal
- 102E38
≈ Black Chasm
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 14.70:1 · APCA Lc 101
Ag
FailSobre preto
WCAG 1.42:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 14.70:1 (AAA) · APCA Lc 101
Contrast pairs
Trechos de código
CSS
:root {
--aubergine: #3b2123;
--aubergine-rgb: 59 33 35;
--aubergine-oklch: oklch(0.283 0.04 15);
}
.element {
color: var(--aubergine);
background-color: hsl(355 28% 18%);
border-color: oklch(0.283 0.04 15);
}Tailwind CSS v4
@theme {
--color-aubergine: #3b2123;
--color-aubergine-50: #fff1f1;
--color-aubergine-100: #f5e3e3;
--color-aubergine-200: #e5cece;
--color-aubergine-300: #cbb0b0;
--color-aubergine-400: #b59597;
--color-aubergine-500: #9f7c7e;
--color-aubergine-600: #87696a;
--color-aubergine-700: #6c5455;
--color-aubergine-800: #4f3d3e;
--color-aubergine-900: #372a2b;
--color-aubergine-950: #221718;
}SCSS
$aubergine: #3b2123;
$aubergine-rgb: 59, 33, 35;
$aubergine-light: mix(#fff, $aubergine, 20%);
$aubergine-dark: mix(#000, $aubergine, 20%);
.element {
color: $aubergine;
box-shadow: 0 0 0 2px rgba($aubergine, 0.35);
}