Nearest named color · #6F3836
#6F3836
Nearest named color: Single Origin
#6F3836 (rgb(111 56 54), hsl(2 35% 32%), oklch(0.411 0.078 23.2)) is closest to the named color Single Origin. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#6F3836
oklch(0.411 0.078 23.2)
Color conversions
- HEX
- #6f3836
- RGB
- rgb(111 56 54)
- HSL
- hsl(2 35% 32%)
- HWB
- hwb(2 21% 56%)
- OKLCH
- oklch(0.411 0.078 23.2)
- OKLab
- oklab(0.411 0.072 0.031)
- CIE Lab
- lab(30.87 24.64 12.83)
- LCH
- lch(30.87 27.78 27.5)
- CMYK
- cmyk(0% 50% 51% 56%)
Tints · Shades · Tones
Tints
- 7E4A48
- 8C5D5A
- 9B706D
- A98381
- B79795
- C6ABA9
- D4C0BE
- E2D4D3
- F1EAE9
Shades
- 602F2E
- 512725
- 421F1E
- 341716
- 270F0F
- 1A0808
- 0E0403
- 040101
- 010000
Tones
- 713F3D
- 744744
- 764E4C
- 785553
- 7A5C5A
- 7B6362
- 7D6B69
- 7E7271
- 7F7978
Color harmonies
Complementary +180°
- 6F3836
Single Origin
- 00555B
≈ Deep Teal
Analogous -30° +30°
- 6F3836
Single Origin
- 6B374E
≈ Blasted Lands Rocks
- 6B3D1E
≈ Searing Gorge Brown
Triadic +120° +240°
- 6F3836
Single Origin
- 2F552D
≈ Moor-Monster
- 344A75
≈ Dragonfly
Split-complementary +150° +210°
- 6F3836
Single Origin
- 015847
≈ Forest Shadows
- 10516E
≈ Captain Blue
Tetradic +90° +180° +270°
- 6F3836
Single Origin
- 4B4F15
≈ Verdun Green
- 00555B
≈ Deep Teal
- 4D4271
≈ Izmir Purple
Contrast & accessibility
Ag
AAAOn white
WCAG 9.15:1 · APCA Lc 91
Ag
FailOn black
WCAG 2.29:1 · APCA Lc 12
Best text color: #FFFFFF
WCAG 9.15:1 (AAA) · APCA Lc 91
Contrast pairs
Code snippets
CSS
:root {
--single-origin: #6f3836;
--single-origin-rgb: 111 56 54;
--single-origin-oklch: oklch(0.411 0.078 23.2);
}
.element {
color: var(--single-origin);
background-color: hsl(2 35% 32%);
border-color: oklch(0.411 0.078 23.2);
}Tailwind CSS v4
@theme {
--color-single-origin: #6f3836;
--color-single-origin-50: #ffedea;
--color-single-origin-100: #ffdfdb;
--color-single-origin-200: #f4c8c3;
--color-single-origin-300: #dda8a3;
--color-single-origin-400: #c98c89;
--color-single-origin-500: #b4716d;
--color-single-origin-600: #98605d;
--color-single-origin-700: #7a4d4a;
--color-single-origin-800: #5b3736;
--color-single-origin-900: #3f2625;
--color-single-origin-950: #281414;
}SCSS
$single-origin: #6f3836;
$single-origin-rgb: 111, 56, 54;
$single-origin-light: mix(#fff, $single-origin, 20%);
$single-origin-dark: mix(#000, $single-origin, 20%);
.element {
color: $single-origin;
box-shadow: 0 0 0 2px rgba($single-origin, 0.35);
}