Nearest named color · #925C17
#925C17
Nearest named color: Grizzly
#925C17 (rgb(146 92 23), hsl(34 73% 33%), oklch(0.523 0.106 66.9)) is closest to the named color Grizzly. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#925C17
oklch(0.523 0.106 66.9)
Color conversions
- HEX
- #925c17
- RGB
- rgb(146 92 23)
- HSL
- hsl(34 73% 33%)
- HWB
- hwb(34 9% 43%)
- OKLCH
- oklch(0.523 0.106 66.9)
- OKLab
- oklab(0.523 0.042 0.098)
- CIE Lab
- lab(44.4 18.78 45.78)
- LCH
- lch(44.4 49.48 67.7)
- CMYK
- cmyk(0% 37% 84% 43%)
Tints · Shades · Tones
Tints
- 9D6C34
- A87C4C
- B38B62
- BE9B78
- C9AC8E
- D4BCA4
- DFCCBB
- EADDD1
- F4EEE8
Shades
- 7E4F12
- 6B420E
- 58360A
- 462A06
- 351F04
- 251402
- 160A01
- 080300
- 010000
Tones
- 916028
- 8F6434
- 8E6840
- 8C6C4A
- 8A6F53
- 89735D
- 877666
- 85796F
- 827D77
Color harmonies
Complementary +180°
- 925C17
Grizzly
- 2F6EA3
≈ Lochmara
Analogous -30° +30°
- 925C17
Grizzly
- 9D513C
≈ Sōdenkaracha Brown
- 7B6906
≈ Arousing Alligator
Triadic +120° +240°
- 925C17
Grizzly
- 007A73
≈ Hydra Turquoise
- 7A5899
≈ Juneberry
Split-complementary +150° +210°
- 925C17
Grizzly
- 00768D
≈ Enamel Blue
- 5B63A6
≈ Bellflower
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 5.57:1 · APCA Lc 78
Ag
FailOn black
WCAG 3.76:1 · APCA Lc 24
Best text color: #FFFFFF
WCAG 5.57:1 (AA) · APCA Lc 78
Contrast pairs
Code snippets
CSS
:root {
--grizzly: #925c17;
--grizzly-rgb: 146 92 23;
--grizzly-oklch: oklch(0.523 0.106 66.9);
}
.element {
color: var(--grizzly);
background-color: hsl(34 73% 33%);
border-color: oklch(0.523 0.106 66.9);
}Tailwind CSS v4
@theme {
--color-grizzly: #925c17;
--color-grizzly-50: #fff0d5;
--color-grizzly-100: #ffe2c3;
--color-grizzly-200: #f3cda4;
--color-grizzly-300: #dbae7b;
--color-grizzly-400: #c99257;
--color-grizzly-500: #b5772d;
--color-grizzly-600: #996528;
--color-grizzly-700: #7a5020;
--color-grizzly-800: #5b3a16;
--color-grizzly-900: #40280e;
--color-grizzly-950: #291602;
}SCSS
$grizzly: #925c17;
$grizzly-rgb: 146, 92, 23;
$grizzly-light: mix(#fff, $grizzly, 20%);
$grizzly-dark: mix(#000, $grizzly, 20%);
.element {
color: $grizzly;
box-shadow: 0 0 0 2px rgba($grizzly, 0.35);
}