이름 색상 · #4A4C45
Oyster Catch
Oyster Catch은(는) #4A4C45: rgb(74 76 69), hsl(77 5% 28%), oklch(0.412 0.012 119.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Oyster Catch color name →
#4A4C45
oklch(0.412 0.012 119.9)
색상 변환
- HEX
- #4a4c45
- RGB
- rgb(74 76 69)
- HSL
- hsl(77 5% 28%)
- HWB
- hwb(77 27% 70%)
- OKLCH
- oklch(0.412 0.012 119.9)
- OKLab
- oklab(0.412 -0.006 0.01)
- CIE Lab
- lab(31.96 -1.96 3.88)
- LCH
- lch(31.96 4.35 116.8)
- CMYK
- cmyk(3% 0% 9% 70%)
틴트 · 셰이드 · 톤
틴트
- 5A5C56
- 6B6D67
- 7C7E78
- 8E8F8A
- A0A19D
- B2B3B0
- C5C6C3
- D8D8D7
- EBECEB
셰이드
- 3F413B
- 353631
- 2A2C27
- 20221E
- 171815
- 0E0F0C
- 060605
- 020202
- 000000
톤
- 4F514B
- 545650
- 5A5B56
- 5F605C
- 646562
- 6A6B68
- 6F706E
- 757574
- 7A7B7A
색 조화
보색 +180°
- 4A4C45
Oyster Catch
- 4C4A51
≈ Limo-Scene
유사색 -30° +30°
- 4A4C45
Oyster Catch
- 4D4B44
≈ Magpie
- 474D48
≈ Spinel Black
삼각 배색 +120° +240°
- 4A4C45
Oyster Catch
- 454C51
≈ Witchcraft
- 51484B
≈ Black Elegance
분열 보색 +150° +210°
- 4A4C45
Oyster Catch
- 484B52
≈ Black Ribbon
- 4F494E
≈ Smoky Quartz
사각 배색 +90° +180° +270°
- 4A4C45
Oyster Catch
- 444D4E
≈ Black Lead
- 4C4A51
≈ Limo-Scene
- 514947
≈ Périgord Truffle
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.71:1 · APCA Lc 90
Ag
Fail검은색 위
WCAG 2.41:1 · APCA Lc 12
가장 좋은 글자색: #FFFFFF
WCAG 8.71:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--oyster-catch: #4a4c45;
--oyster-catch-rgb: 74 76 69;
--oyster-catch-oklch: oklch(0.412 0.012 119.9);
}
.element {
color: var(--oyster-catch);
background-color: hsl(77 5% 28%);
border-color: oklch(0.412 0.012 119.9);
}Tailwind CSS v4
@theme {
--color-oyster-catch: #4a4c45;
--color-oyster-catch-50: #f4f6f2;
--color-oyster-catch-100: #e7e8e4;
--color-oyster-catch-200: #d3d5d0;
--color-oyster-catch-300: #b6b8b2;
--color-oyster-catch-400: #9d9f98;
--color-oyster-catch-500: #85877f;
--color-oyster-catch-600: #71736b;
--color-oyster-catch-700: #5a5c56;
--color-oyster-catch-800: #42433e;
--color-oyster-catch-900: #2d2e2b;
--color-oyster-catch-950: #1a1b18;
}SCSS
$oyster-catch: #4a4c45;
$oyster-catch-rgb: 74, 76, 69;
$oyster-catch-light: mix(#fff, $oyster-catch, 20%);
$oyster-catch-dark: mix(#000, $oyster-catch, 20%);
.element {
color: $oyster-catch;
box-shadow: 0 0 0 2px rgba($oyster-catch, 0.35);
}