Dichtstbijzijnde benoemde kleur · #3B2626
#3B2626
Dichtstbijzijnde benoemde kleur: Aubergine
#3B2626 (rgb(59 38 38), hsl(0 22% 19%), oklch(0.294 0.032 19.2)) komt het dichtst bij de benoemde kleur Aubergine. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#3B2626
oklch(0.294 0.032 19.2)
Kleurconversies
- HEX
- #3b2626
- RGB
- rgb(59 38 38)
- HSL
- hsl(0 22% 19%)
- HWB
- hwb(0 15% 77%)
- OKLCH
- oklch(0.294 0.032 19.2)
- OKLab
- oklab(0.294 0.03 0.01)
- CIE Lab
- lab(17.83 10.23 4.22)
- LCH
- lch(17.83 11.07 22.4)
- CMYK
- cmyk(0% 36% 36% 77%)
Tinten · Schaduwen · Tonen
Tinten
- 4D3938
- 5F4C4C
- 716060
- 847575
- 988B8A
- ACA1A1
- C0B8B7
- D5CFCF
- EAE7E7
Schaduwen
- 322020
- 291919
- 211313
- 190D0D
- 110808
- 090404
- 040202
- 010101
- 000000
Tonen
- 422E2E
- 493737
- 4F3F3F
- 564848
- 5D5151
- 645A5A
- 6B6363
- 726D6D
- 797676
Kleurharmonieën
Complementair +180°
- 3B2626
Aubergine
- 173132
≈ Dark Pine Green
Analoog -30° +30°
- 3B2626
Aubergine
- 39262F
≈ Mangosteen Violet
- 3A281E
≈ Tree House
Triadisch +120° +240°
- 3B2626
Aubergine
- 243021
≈ Mountain Range Green
- 232D3D
≈ Imperial Primer
Gesplitst complementair +150° +210°
- 3B2626
Aubergine
- 1C322A
≈ Lacquer Green
- 1B3039
≈ Tangaroa
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 14.08:1 · APCA Lc 101
Ag
FailOp zwart
WCAG 1.49:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 14.08:1 (AAA) · APCA Lc 101
Contrast pairs
Codefragmenten
CSS
:root {
--aubergine: #3b2626;
--aubergine-rgb: 59 38 38;
--aubergine-oklch: oklch(0.294 0.032 19.2);
}
.element {
color: var(--aubergine);
background-color: hsl(0 22% 19%);
border-color: oklch(0.294 0.032 19.2);
}Tailwind CSS v4
@theme {
--color-aubergine: #3b2626;
--color-aubergine-50: #fef2f1;
--color-aubergine-100: #f2e4e3;
--color-aubergine-200: #e2cfce;
--color-aubergine-300: #c7b1b0;
--color-aubergine-400: #b19797;
--color-aubergine-500: #9a7e7e;
--color-aubergine-600: #836b6a;
--color-aubergine-700: #695555;
--color-aubergine-800: #4d3e3e;
--color-aubergine-900: #352b2b;
--color-aubergine-950: #211818;
}SCSS
$aubergine: #3b2626;
$aubergine-rgb: 59, 38, 38;
$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);
}