Named color · #808184
Sharkskin
Sharkskin is #808184: rgb(128 129 132), hsl(225 2% 51%), oklch(0.603 0.005 271.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Sharkskin color name →
#808184
oklch(0.603 0.005 271.3)
Color conversions
- HEX
- #808184
- RGB
- rgb(128 129 132)
- HSL
- hsl(225 2% 51%)
- HWB
- hwb(225 50% 48%)
- OKLCH
- oklch(0.603 0.005 271.3)
- OKLab
- oklab(0.603 0 -0.005)
- CIE Lab
- lab(53.96 0.07 -1.77)
- LCH
- lch(53.96 1.77 272.1)
- CMYK
- cmyk(3% 2% 0% 48%)
Tints · Shades · Tones
Tints
- 8C8D90
- 98999B
- A4A5A7
- B1B1B3
- BDBEC0
- CACBCC
- D7D8D9
- E4E5E5
- F2F2F2
Shades
- 6E6F72
- 5D5E60
- 4D4E4F
- 3D3E3F
- 2E2E2F
- 1F1F20
- 121212
- 060606
- 010101
Tones
- 808184
- 808183
- 808183
- 808182
- 808182
- 808082
- 808081
- 808081
- 808080
Color harmonies
Complementary +180°
- 808184
Sharkskin
- 82817E
≈ Glen Plaid
Analogous -30° +30°
- 808184
Sharkskin
- 7F8284
≈ Storm Cloud
- 818084
≈ Sharkskin
Triadic +120° +240°
- 808184
Sharkskin
- 84807F
≈ Captain Nemo
- 7F8280
≈ Mt. Rushmore
Split-complementary +150° +210°
- 808184
Sharkskin
- 83817E
≈ Glen Plaid
- 81827F
≈ Glen Plaid
Tetradic +90° +180° +270°
- 808184
Sharkskin
- 848081
≈ Chert
- 82817E
≈ Glen Plaid
- 7E8281
≈ Game Over
Contrast & accessibility
Ag
FailOn white
WCAG 3.89:1 · APCA Lc 66
Ag
AAOn black
WCAG 5.39:1 · APCA Lc 35
Best text color: #000000
WCAG 5.39:1 (AA) · APCA Lc 35
Contrast pairs
Code snippets
CSS
:root {
--sharkskin: #808184;
--sharkskin-rgb: 128 129 132;
--sharkskin-oklch: oklch(0.603 0.005 271.3);
}
.element {
color: var(--sharkskin);
background-color: hsl(225 2% 51%);
border-color: oklch(0.603 0.005 271.3);
}Tailwind CSS v4
@theme {
--color-sharkskin: #808184;
--color-sharkskin-50: #f5f5f6;
--color-sharkskin-100: #e7e8e9;
--color-sharkskin-200: #d3d4d6;
--color-sharkskin-300: #b6b7ba;
--color-sharkskin-400: #9d9ea1;
--color-sharkskin-500: #858689;
--color-sharkskin-600: #707174;
--color-sharkskin-700: #5a5b5d;
--color-sharkskin-800: #424244;
--color-sharkskin-900: #2d2e2f;
--color-sharkskin-950: #1a1b1b;
}SCSS
$sharkskin: #808184;
$sharkskin-rgb: 128, 129, 132;
$sharkskin-light: mix(#fff, $sharkskin, 20%);
$sharkskin-dark: mix(#000, $sharkskin, 20%);
.element {
color: $sharkskin;
box-shadow: 0 0 0 2px rgba($sharkskin, 0.35);
}