이름 색상 · #4C4F56
Abbey
Abbey은(는) #4C4F56: rgb(76 79 86), hsl(222 6% 32%), oklch(0.427 0.012 267.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Abbey color name →
#4C4F56
oklch(0.427 0.012 267.2)
색상 변환
- HEX
- #4c4f56
- RGB
- rgb(76 79 86)
- HSL
- hsl(222 6% 32%)
- HWB
- hwb(222 30% 66%)
- OKLCH
- oklch(0.427 0.012 267.2)
- OKLab
- oklab(0.427 -0.001 -0.012)
- CIE Lab
- lab(33.51 -0.05 -4.58)
- LCH
- lch(33.51 4.58 269.4)
- CMYK
- cmyk(12% 8% 0% 66%)
틴트 · 셰이드 · 톤
틴트
- 5C5F65
- 6D6F75
- 7E8085
- 8F9196
- A1A3A7
- B3B4B8
- C5C7C9
- D8D9DB
- ECECED
셰이드
- 41444A
- 36383E
- 2C2E32
- 222327
- 18191C
- 0F1012
- 060708
- 020202
- 000000
톤
- 51545A
- 56585E
- 5B5D62
- 606266
- 65676B
- 6B6C6F
- 707173
- 757677
- 7B7B7C
색 조화
보색 +180°
- 4C4F56
Abbey
- 524F48
≈ Dunes Manor
유사색 -30° +30°
- 4C4F56
Abbey
- 495055
≈ Lamp Post
- 504E55
≈ Blackened Pearl
삼각 배색 +120° +240°
분열 보색 +150° +210°
- 4C4F56
Abbey
- 544E49
≈ Berry Brown
- 4E5049
≈ Aceto Balsamico
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.20:1 · APCA Lc 88
Ag
Fail검은색 위
WCAG 2.56:1 · APCA Lc 14
가장 좋은 글자색: #FFFFFF
WCAG 8.20:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--abbey: #4c4f56;
--abbey-rgb: 76 79 86;
--abbey-oklch: oklch(0.427 0.012 267.2);
}
.element {
color: var(--abbey);
background-color: hsl(222 6% 32%);
border-color: oklch(0.427 0.012 267.2);
}Tailwind CSS v4
@theme {
--color-abbey: #4c4f56;
--color-abbey-50: #f4f5f9;
--color-abbey-100: #e6e8ec;
--color-abbey-200: #d2d4da;
--color-abbey-300: #b5b7be;
--color-abbey-400: #9b9ea6;
--color-abbey-500: #82868f;
--color-abbey-600: #6e7179;
--color-abbey-700: #585b60;
--color-abbey-800: #404247;
--color-abbey-900: #2c2e31;
--color-abbey-950: #191b1d;
}SCSS
$abbey: #4c4f56;
$abbey-rgb: 76, 79, 86;
$abbey-light: mix(#fff, $abbey, 20%);
$abbey-dark: mix(#000, $abbey, 20%);
.element {
color: $abbey;
box-shadow: 0 0 0 2px rgba($abbey, 0.35);
}