Couleur nommée la plus proche · #3B2123
#3B2123
Couleur nommée la plus proche: Aubergine
#3B2123 (rgb(59 33 35), hsl(355 28% 18%), oklch(0.283 0.04 15)) est la plus proche de la couleur nommée Aubergine. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#3B2123
oklch(0.283 0.04 15)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 4D3435
- 5F4849
- 725C5D
- 857273
- 988888
- AC9F9F
- C0B6B6
- D5CECE
- EAE6E6
Ombres
- 321B1D
- 291617
- 211011
- 190B0C
- 110607
- 090304
- 040101
- 010000
- 000000
Tons
- 422A2B
- 493334
- 503C3D
- 574546
- 5E4F4F
- 645859
- 6B6262
- 726C6C
- 797676
Harmonies de couleurs
Complémentaire +180°
- 3B2123
Aubergine
- 0B3030
≈ Roof Tile Green
Analogue -30° +30°
- 3B2123
Aubergine
- 38212E
≈ Jasmin Beauty
- 3A2318
≈ Wetlands Swamp
Triadique +120° +240°
- 3B2123
Aubergine
- 212E19
≈ Kuro Green
- 1C2A3D
≈ Eternal Darkness
Complémentaire divisée +150° +210°
- 3B2123
Aubergine
- 143024
≈ Méi Hēi Coal
- 102E38
≈ Black Chasm
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AAASur blanc
WCAG 14.70:1 · APCA Lc 101
Ag
FailSur noir
WCAG 1.42:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 14.70:1 (AAA) · APCA Lc 101
Contrast pairs
Extraits de code
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);
}