Named color · #452E39
Barossa
Barossa is #452E39: rgb(69 46 57), hsl(331 20% 23%), oklch(0.332 0.038 349.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Barossa color name →
#452E39
oklch(0.332 0.038 349.1)
Color conversions
- HEX
- #452e39
- RGB
- rgb(69 46 57)
- HSL
- hsl(331 20% 23%)
- HWB
- hwb(331 18% 73%)
- OKLCH
- oklch(0.332 0.038 349.1)
- OKLab
- oklab(0.332 0.037 -0.007)
- CIE Lab
- lab(22.06 12.35 -2.58)
- LCH
- lch(22.06 12.61 348.2)
- CMYK
- cmyk(0% 33% 17% 73%)
Tints · Shades · Tones
Tints
- 56404A
- 67535C
- 79676F
- 8B7B82
- 9E9096
- B1A5AA
- C4BBBF
- D7D1D4
- EBE8E9
Shades
- 3B2730
- 311F28
- 27181F
- 1E1217
- 150B10
- 0C0609
- 050204
- 020101
- 000000
Tones
- 4B3640
- 513D46
- 57454D
- 5D4D54
- 62565B
- 685E62
- 6E666A
- 746F71
- 7A7778
Color harmonies
Complementary +180°
- 452E39
Barossa
- 213C33
≈ Palm Green
Analogous -30° +30°
- 452E39
Barossa
- 3F3042
≈ Voodoo
- 482E2E
≈ Dark Roast
Triadic +120° +240°
- 452E39
Barossa
- 373820
≈ LeChuck’s Beard
- 203A46
≈ Astral Nomad
Split-complementary +150° +210°
- 452E39
Barossa
- 2C3B28
≈ Palm Green
- 1C3C3D
≈ Nordic
Tetradic +90° +180° +270°
- 452E39
Barossa
- 41341F
≈ Mikado
- 213C33
≈ Palm Green
- 2A364A
≈ Bunting
Contrast & accessibility
Ag
AAAOn white
WCAG 12.33:1 · APCA Lc 98
Ag
FailOn black
WCAG 1.70:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 12.33:1 (AAA) · APCA Lc 98
Contrast pairs
Code snippets
CSS
:root {
--barossa: #452e39;
--barossa-rgb: 69 46 57;
--barossa-oklch: oklch(0.332 0.038 349.1);
}
.element {
color: var(--barossa);
background-color: hsl(331 20% 23%);
border-color: oklch(0.332 0.038 349.1);
}Tailwind CSS v4
@theme {
--color-barossa: #452e39;
--color-barossa-50: #fef1f6;
--color-barossa-100: #f3e3e9;
--color-barossa-200: #e2ced6;
--color-barossa-300: #c8b0ba;
--color-barossa-400: #b196a2;
--color-barossa-500: #9a7c8a;
--color-barossa-600: #826975;
--color-barossa-700: #68545d;
--color-barossa-800: #4d3d45;
--color-barossa-900: #352a30;
--color-barossa-950: #20181c;
}SCSS
$barossa: #452e39;
$barossa-rgb: 69, 46, 57;
$barossa-light: mix(#fff, $barossa, 20%);
$barossa-dark: mix(#000, $barossa, 20%);
.element {
color: $barossa;
box-shadow: 0 0 0 2px rgba($barossa, 0.35);
}