이름 색상 · #808184
Sharkskin
Sharkskin은(는) #808184: rgb(128 129 132), hsl(225 2% 51%), oklch(0.603 0.005 271.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Sharkskin color name →
#808184
oklch(0.603 0.005 271.3)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 8C8D90
- 98999B
- A4A5A7
- B1B1B3
- BDBEC0
- CACBCC
- D7D8D9
- E4E5E5
- F2F2F2
셰이드
- 6E6F72
- 5D5E60
- 4D4E4F
- 3D3E3F
- 2E2E2F
- 1F1F20
- 121212
- 060606
- 010101
톤
- 808184
- 808183
- 808183
- 808182
- 808182
- 808082
- 808081
- 808081
- 808080
색 조화
보색 +180°
- 808184
Sharkskin
- 82817E
≈ Glen Plaid
유사색 -30° +30°
- 808184
Sharkskin
- 7F8284
≈ Storm Cloud
- 818084
≈ Sharkskin
삼각 배색 +120° +240°
- 808184
Sharkskin
- 84807F
≈ Captain Nemo
- 7F8280
≈ Mt. Rushmore
분열 보색 +150° +210°
- 808184
Sharkskin
- 83817E
≈ Glen Plaid
- 81827F
≈ Glen Plaid
사각 배색 +90° +180° +270°
- 808184
Sharkskin
- 848081
≈ Chert
- 82817E
≈ Glen Plaid
- 7E8281
≈ Game Over
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.89:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.39:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.39:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
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);
}