이름 색상 · #3C4748
Panda Black
Panda Black은(는) #3C4748: rgb(60 71 72), hsl(185 9% 26%), oklch(0.388 0.014 203.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Panda Black color name →
#3C4748
oklch(0.388 0.014 203.3)
색상 변환
- HEX
- #3c4748
- RGB
- rgb(60 71 72)
- HSL
- hsl(185 9% 26%)
- HWB
- hwb(185 24% 72%)
- OKLCH
- oklch(0.388 0.014 203.3)
- OKLab
- oklab(0.388 -0.013 -0.006)
- CIE Lab
- lab(29.2 -4.42 -2.18)
- LCH
- lch(29.2 4.93 206.3)
- CMYK
- cmyk(17% 1% 0% 72%)
틴트 · 셰이드 · 톤
틴트
- 4D5758
- 5F6869
- 717A7B
- 848C8C
- 989E9E
- ACB1B1
- C0C4C4
- D5D7D7
- EAEBEB
셰이드
- 333D3D
- 2A3233
- 212829
- 191F1F
- 111616
- 0A0D0D
- 040606
- 010202
- 000000
톤
- 424C4D
- 495253
- 505858
- 565D5E
- 5D6363
- 646969
- 6B6E6F
- 727474
- 797A7A
색 조화
보색 +180°
- 3C4748
Panda Black
- 4C4241
≈ Rhodonite Brown
유사색 -30° +30°
- 3C4748
Panda Black
- 3D4744
≈ Darkness Green
- 3D464B
≈ Nightshade
삼각 배색 +120° +240°
- 3C4748
Panda Black
- 494249
≈ Spinel Grey
- 48443C
≈ Earth Black
분열 보색 +150° +210°
- 3C4748
Panda Black
- 4B4245
≈ Apple Herb Black
- 4B433E
≈ Vehicle Body Grey
사각 배색 +90° +180° +270°
- 3C4748
Panda Black
- 45434C
≈ Night Grey
- 4C4241
≈ Rhodonite Brown
- 44463D
≈ Heavy Metal
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.60:1 · APCA Lc 92
Ag
Fail검은색 위
WCAG 2.18:1 · APCA Lc 10
가장 좋은 글자색: #FFFFFF
WCAG 9.60:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--panda-black: #3c4748;
--panda-black-rgb: 60 71 72;
--panda-black-oklch: oklch(0.388 0.014 203.3);
}
.element {
color: var(--panda-black);
background-color: hsl(185 9% 26%);
border-color: oklch(0.388 0.014 203.3);
}Tailwind CSS v4
@theme {
--color-panda-black: #3c4748;
--color-panda-black-50: #f1f6f7;
--color-panda-black-100: #e3e9ea;
--color-panda-black-200: #ced6d7;
--color-panda-black-300: #afbabb;
--color-panda-black-400: #95a1a2;
--color-panda-black-500: #7c898a;
--color-panda-black-600: #697475;
--color-panda-black-700: #545d5e;
--color-panda-black-800: #3d4444;
--color-panda-black-900: #2a2f2f;
--color-panda-black-950: #171b1c;
}SCSS
$panda-black: #3c4748;
$panda-black-rgb: 60, 71, 72;
$panda-black-light: mix(#fff, $panda-black, 20%);
$panda-black-dark: mix(#000, $panda-black, 20%);
.element {
color: $panda-black;
box-shadow: 0 0 0 2px rgba($panda-black, 0.35);
}