Named color · #20120E
Bighorn Sheep
Bighorn Sheep is #20120E: rgb(32 18 14), hsl(13 39% 9%), oklch(0.2 0.025 36.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Bighorn Sheep color name →
#20120E
oklch(0.2 0.025 36.6)
Color conversions
- HEX
- #20120e
- RGB
- rgb(32 18 14)
- HSL
- hsl(13 39% 9%)
- HWB
- hwb(13 5% 87%)
- OKLCH
- oklch(0.2 0.025 36.6)
- OKLab
- oklab(0.2 0.02 0.015)
- CIE Lab
- lab(7.06 6.87 4.77)
- LCH
- lch(7.06 8.36 34.8)
- CMYK
- cmyk(0% 44% 56% 87%)
Tints · Shades · Tones
Tints
- 332521
- 473A36
- 5C4F4C
- 716663
- 877E7B
- 9E9694
- B6AFAE
- CEC9C8
- E6E4E3
Shades
- 1A0E0B
- 150A07
- 0F0705
- 0A0403
- 060202
- 030101
- 010100
- 000000
- 000000
Tones
- 291C18
- 322622
- 3B302D
- 453B38
- 4E4543
- 58514F
- 625C5B
- 6C6867
- 767473
Color harmonies
Complementary +180°
- 20120E
Bighorn Sheep
- 07191D
≈ Black Stallion
Analogous -30° +30°
- 20120E
Bighorn Sheep
- 201114
≈ Italian Roast
- 1E1409
≈ Soulless
Triadic +120° +240°
- 20120E
Bighorn Sheep
- 0C1911
≈ Pinch of Pepper
- 131521
≈ Kuroi Black
Split-complementary +150° +210°
- 20120E
Bighorn Sheep
- 071A18
≈ Black Stallion
- 0C1721
≈ Creeping Death
Tetradic +90° +180° +270°
- 20120E
Bighorn Sheep
- 13180C
≈ Pinch of Pepper
- 07191D
≈ Black Stallion
- 19131F
≈ Back in Black
Contrast & accessibility
Ag
AAAOn white
WCAG 18.19:1 · APCA Lc 105
Ag
FailOn black
WCAG 1.15:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 18.19:1 (AAA) · APCA Lc 105
Contrast pairs
Code snippets
CSS
:root {
--bighorn-sheep: #20120e;
--bighorn-sheep-rgb: 32 18 14;
--bighorn-sheep-oklch: oklch(0.2 0.025 36.6);
}
.element {
color: var(--bighorn-sheep);
background-color: hsl(13 39% 9%);
border-color: oklch(0.2 0.025 36.6);
}Tailwind CSS v4
@theme {
--color-bighorn-sheep: #20120e;
--color-bighorn-sheep-50: #fcf3f0;
--color-bighorn-sheep-100: #f0e5e2;
--color-bighorn-sheep-200: #ded1cd;
--color-bighorn-sheep-300: #c3b3ae;
--color-bighorn-sheep-400: #ac9a94;
--color-bighorn-sheep-500: #96817b;
--color-bighorn-sheep-600: #7f6d68;
--color-bighorn-sheep-700: #655753;
--color-bighorn-sheep-800: #4b3f3d;
--color-bighorn-sheep-900: #342c2a;
--color-bighorn-sheep-950: #1f1917;
}SCSS
$bighorn-sheep: #20120e;
$bighorn-sheep-rgb: 32, 18, 14;
$bighorn-sheep-light: mix(#fff, $bighorn-sheep, 20%);
$bighorn-sheep-dark: mix(#000, $bighorn-sheep, 20%);
.element {
color: $bighorn-sheep;
box-shadow: 0 0 0 2px rgba($bighorn-sheep, 0.35);
}