Nearest named color · #2B0E1B
#2B0E1B
Nearest named color: Belladonna
#2B0E1B (rgb(43 14 27), hsl(333 51% 11%), oklch(0.215 0.051 354.2)) is closest to the named color Belladonna. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#2B0E1B
oklch(0.215 0.051 354.2)
Color conversions
- HEX
- #2b0e1b
- RGB
- rgb(43 14 27)
- HSL
- hsl(333 51% 11%)
- HWB
- hwb(333 5% 83%)
- OKLCH
- oklch(0.215 0.051 354.2)
- OKLab
- oklab(0.215 0.051 -0.005)
- CIE Lab
- lab(8.3 16.65 -1.78)
- LCH
- lch(8.3 16.75 353.9)
- CMYK
- cmyk(0% 67% 37% 83%)
Tints · Shades · Tones
Tints
- 3E222E
- 523742
- 664D57
- 7B646D
- 907C83
- A5959B
- BBAFB3
- D1C9CC
- E8E4E5
Shades
- 240B16
- 1D0711
- 16050C
- 100308
- 0A0205
- 050102
- 020001
- 010000
- 000000
Tones
- 341924
- 3C232D
- 452E37
- 4D3940
- 55444B
- 5E5055
- 665B5F
- 6F676A
- 777475
Color harmonies
Complementary +180°
- 2B0E1B
Belladonna
- 001F18
≈ Stellar Explorer
Analogous -30° +30°
- 2B0E1B
Belladonna
- 251027
≈ Inside
- 2D0E0D
≈ Dark Danger
Triadic +120° +240°
- 2B0E1B
Belladonna
- 191C00
≈ Yuzu Soy
- 001C2B
≈ Oxford by Night
Split-complementary +150° +210°
- 2B0E1B
Belladonna
- 081F09
≈ Clock Chimes Thirteen
- 001E21
≈ Stellar Explorer
Tetradic +90° +180° +270°
- 2B0E1B
Belladonna
- 231700
≈ Cannon Black
- 001F18
≈ Stellar Explorer
- 0D1831
≈ Liberty Blue
Contrast & accessibility
Ag
AAAOn white
WCAG 17.77:1 · APCA Lc 104
Ag
FailOn black
WCAG 1.18:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 17.77:1 (AAA) · APCA Lc 104
Contrast pairs
Code snippets
CSS
:root {
--belladonna: #2b0e1b;
--belladonna-rgb: 43 14 27;
--belladonna-oklch: oklch(0.215 0.051 354.2);
}
.element {
color: var(--belladonna);
background-color: hsl(333 51% 11%);
border-color: oklch(0.215 0.051 354.2);
}Tailwind CSS v4
@theme {
--color-belladonna: #2b0e1b;
--color-belladonna-50: #ffeff5;
--color-belladonna-100: #f7e1e8;
--color-belladonna-200: #e8ccd5;
--color-belladonna-300: #ceadb8;
--color-belladonna-400: #b892a0;
--color-belladonna-500: #a27888;
--color-belladonna-600: #896673;
--color-belladonna-700: #6e515c;
--color-belladonna-800: #513b44;
--color-belladonna-900: #38292f;
--color-belladonna-950: #23161c;
}SCSS
$belladonna: #2b0e1b;
$belladonna-rgb: 43, 14, 27;
$belladonna-light: mix(#fff, $belladonna, 20%);
$belladonna-dark: mix(#000, $belladonna, 20%);
.element {
color: $belladonna;
box-shadow: 0 0 0 2px rgba($belladonna, 0.35);
}