Nearest named color · #926141
#926141
Nearest named color: Cocoa
#926141 (rgb(146 97 65), hsl(24 38% 41%), oklch(0.538 0.079 53.4)) is closest to the named color Cocoa. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#926141
oklch(0.538 0.079 53.4)
Color conversions
- HEX
- #926141
- RGB
- rgb(146 97 65)
- HSL
- hsl(24 38% 41%)
- HWB
- hwb(24 25% 43%)
- OKLCH
- oklch(0.538 0.079 53.4)
- OKLab
- oklab(0.538 0.047 0.063)
- CIE Lab
- lab(46.02 17.86 26.66)
- LCH
- lch(46.02 32.09 56.2)
- CMYK
- cmyk(0% 34% 55% 43%)
Tints · Shades · Tones
Tints
- 9D7053
- A87F65
- B38E78
- BE9E8A
- C9AE9D
- D4BEB0
- DFCEC3
- E9DED7
- F4EEEB
Shades
- 7E5337
- 6B462E
- 583925
- 462D1C
- 352113
- 25150B
- 160B05
- 080301
- 010000
Tones
- 916448
- 8F684F
- 8E6B55
- 8C6E5B
- 8A7162
- 887468
- 86776E
- 847A74
- 827D7A
Color harmonies
Complementary +180°
- 926141
Cocoa
- 3A7695
≈ Cottage by the Sea
Analogous -30° +30°
- 926141
Cocoa
- 975B58
≈ Rhode Island Red
- 846A35
≈ By Gum
Triadic +120° +240°
- 926141
Cocoa
- 347D6A
≈ Trans Tasman
- 706598
≈ Pandora
Split-complementary +150° +210°
- 926141
Cocoa
- 277B83
≈ Caribe
- 566E9C
≈ Moonshade
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 5.23:1 · APCA Lc 76
Ag
FailOn black
WCAG 4.00:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--cocoa: #926141;
--cocoa-rgb: 146 97 65;
--cocoa-oklch: oklch(0.538 0.079 53.4);
}
.element {
color: var(--cocoa);
background-color: hsl(24 38% 41%);
border-color: oklch(0.538 0.079 53.4);
}Tailwind CSS v4
@theme {
--color-cocoa: #926141;
--color-cocoa-50: #fff0e0;
--color-cocoa-100: #fee2cf;
--color-cocoa-200: #f0ccb5;
--color-cocoa-300: #d8ad91;
--color-cocoa-400: #c49272;
--color-cocoa-500: #af7753;
--color-cocoa-600: #946547;
--color-cocoa-700: #775138;
--color-cocoa-800: #583a29;
--color-cocoa-900: #3e281b;
--color-cocoa-950: #27160c;
}SCSS
$cocoa: #926141;
$cocoa-rgb: 146, 97, 65;
$cocoa-light: mix(#fff, $cocoa, 20%);
$cocoa-dark: mix(#000, $cocoa, 20%);
.element {
color: $cocoa;
box-shadow: 0 0 0 2px rgba($cocoa, 0.35);
}