Nazwany kolor · #3F444C
Blackbird
Blackbird to #3F444C: rgb(63 68 76), hsl(217 9% 27%), oklch(0.385 0.015 259.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Blackbird color name →
#3F444C
oklch(0.385 0.015 259.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 50555C
- 61666D
- 74777E
- 868A8F
- 999CA1
- ADAFB3
- C1C3C6
- D5D6D8
- EAEBEC
Odcienie ciemniejsze
- 353A41
- 2C3036
- 23262C
- 1B1D22
- 121418
- 0A0C0F
- 040506
- 010202
- 000000
Tony
- 454A51
- 4B4F56
- 52555B
- 585B60
- 5F6165
- 65676B
- 6C6D70
- 727475
- 797A7B
Harmonie kolorów
Komplementarna +180°
- 3F444C
Blackbird
- 48433B
≈ Earth Black
Analogowa -30° +30°
- 3F444C
Blackbird
- 3C454A
≈ Nightshade
- 43424B
≈ Flint Purple
Triada +120° +240°
- 3F444C
Blackbird
- 4C4140
≈ Rhodonite Brown
- 40463E
≈ Rich Olive
Komplementarna rozszczepiona +150° +210°
- 3F444C
Blackbird
- 4B423D
≈ Sweet Molasses
- 44453B
≈ Volcanic Stone Green
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.80:1 · APCA Lc 93
Ag
FailNa czerni
WCAG 2.14:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.80:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
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);
}