이름 색상 · #3F444C
Blackbird
Blackbird은(는) #3F444C: rgb(63 68 76), hsl(217 9% 27%), oklch(0.385 0.015 259.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Blackbird color name →
#3F444C
oklch(0.385 0.015 259.8)
색상 변환
- HEX
- #3f444c
- RGB
- rgb(63 68 76)
- HSL
- hsl(217 9% 27%)
- HWB
- hwb(217 25% 70%)
- OKLCH
- oklch(0.385 0.015 259.8)
- OKLab
- oklab(0.385 -0.003 -0.015)
- CIE Lab
- lab(28.61 -0.67 -5.58)
- LCH
- lch(28.61 5.62 263.2)
- CMYK
- cmyk(17% 11% 0% 70%)
틴트 · 셰이드 · 톤
틴트
- 50555C
- 61666D
- 74777E
- 868A8F
- 999CA1
- ADAFB3
- C1C3C6
- D5D6D8
- EAEBEC
셰이드
- 353A41
- 2C3036
- 23262C
- 1B1D22
- 121418
- 0A0C0F
- 040506
- 010202
- 000000
톤
- 454A51
- 4B4F56
- 52555B
- 585B60
- 5F6165
- 65676B
- 6C6D70
- 727475
- 797A7B
색 조화
보색 +180°
- 3F444C
Blackbird
- 48433B
≈ Earth Black
유사색 -30° +30°
- 3F444C
Blackbird
- 3C454A
≈ Nightshade
- 43424B
≈ Flint Purple
삼각 배색 +120° +240°
- 3F444C
Blackbird
- 4C4140
≈ Rhodonite Brown
- 40463E
≈ Rich Olive
분열 보색 +150° +210°
- 3F444C
Blackbird
- 4B423D
≈ Sweet Molasses
- 44453B
≈ Volcanic Stone Green
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.80:1 · APCA Lc 93
Ag
Fail검은색 위
WCAG 2.14:1 · APCA Lc 10
가장 좋은 글자색: #FFFFFF
WCAG 9.80:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--blackbird: #3f444c;
--blackbird-rgb: 63 68 76;
--blackbird-oklch: oklch(0.385 0.015 259.8);
}
.element {
color: var(--blackbird);
background-color: hsl(217 9% 27%);
border-color: oklch(0.385 0.015 259.8);
}Tailwind CSS v4
@theme {
--color-blackbird: #3f444c;
--color-blackbird-50: #f3f5fa;
--color-blackbird-100: #e5e8ed;
--color-blackbird-200: #d1d4db;
--color-blackbird-300: #b3b8bf;
--color-blackbird-400: #999fa8;
--color-blackbird-500: #808790;
--color-blackbird-600: #6d727a;
--color-blackbird-700: #575b62;
--color-blackbird-800: #3f4348;
--color-blackbird-900: #2b2e32;
--color-blackbird-950: #191b1e;
}SCSS
$blackbird: #3f444c;
$blackbird-rgb: 63, 68, 76;
$blackbird-light: mix(#fff, $blackbird, 20%);
$blackbird-dark: mix(#000, $blackbird, 20%);
.element {
color: $blackbird;
box-shadow: 0 0 0 2px rgba($blackbird, 0.35);
}