Named color · #6E592C
Olivary
Olivary is #6E592C: rgb(110 89 44), hsl(41 43% 30%), oklch(0.475 0.068 84.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Olivary color name →
#6E592C
oklch(0.475 0.068 84.6)
Color conversions
- HEX
- #6e592c
- RGB
- rgb(110 89 44)
- HSL
- hsl(41 43% 30%)
- HWB
- hwb(41 17% 57%)
- OKLCH
- oklch(0.475 0.068 84.6)
- OKLab
- oklab(0.475 0.006 0.068)
- CIE Lab
- lab(39.21 4.56 29.05)
- LCH
- lch(39.21 29.4 81.1)
- CMYK
- cmyk(0% 19% 60% 57%)
Tints · Shades · Tones
Tints
- 7C6841
- 897855
- 978869
- A6987D
- B4A992
- C3BAA7
- D1CBBD
- E0DCD2
- F0EDE9
Shades
- 5F4C25
- 50401E
- 413417
- 332811
- 261D0A
- 191305
- 0E0902
- 040301
- 010000
Tones
- 705D35
- 72613E
- 746547
- 75694F
- 776D58
- 797160
- 7B7468
- 7D7870
- 7E7C78
Color harmonies
Complementary +180°
- 6E592C
Olivary
- 495C83
≈ Indigo Navy Blue
Analogous -30° +30°
- 6E592C
Olivary
- 7A5236
≈ Pheasant Brown
- 5B6132
≈ Basque Green
Triadic +120° +240°
- 6E592C
Olivary
- 22676E
≈ Mordant Blue
- 704F72
≈ Gladiola Violet
Split-complementary +150° +210°
- 6E592C
Olivary
- 32627D
≈ Blueprint
- 5F547F
≈ Purple Sky
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 6.71:1 · APCA Lc 83
Ag
FailOn black
WCAG 3.12:1 · APCA Lc 19
Best text color: #FFFFFF
WCAG 6.71:1 (AA) · APCA Lc 83
Contrast pairs
Code snippets
CSS
:root {
--olivary: #6e592c;
--olivary-rgb: 110 89 44;
--olivary-oklch: oklch(0.475 0.068 84.6);
}
.element {
color: var(--olivary);
background-color: hsl(41 43% 30%);
border-color: oklch(0.475 0.068 84.6);
}Tailwind CSS v4
@theme {
--color-olivary: #6e592c;
--color-olivary-50: #fef4e0;
--color-olivary-100: #f2e7cf;
--color-olivary-200: #e1d3b4;
--color-olivary-300: #c7b690;
--color-olivary-400: #b19c70;
--color-olivary-500: #9b8350;
--color-olivary-600: #836f44;
--color-olivary-700: #695936;
--color-olivary-800: #4e4026;
--color-olivary-900: #362c19;
--color-olivary-950: #21190a;
}SCSS
$olivary: #6e592c;
$olivary-rgb: 110, 89, 44;
$olivary-light: mix(#fff, $olivary, 20%);
$olivary-dark: mix(#000, $olivary, 20%);
.element {
color: $olivary;
box-shadow: 0 0 0 2px rgba($olivary, 0.35);
}