Nazwany kolor · #34363E
Very Black
Very Black to #34363E: rgb(52 54 62), hsl(228 9% 22%), oklch(0.334 0.014 274.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Very Black color name →
#34363E
oklch(0.334 0.014 274.5)
Konwersje koloru
- HEX
- #34363e
- RGB
- rgb(52 54 62)
- HSL
- hsl(228 9% 22%)
- HWB
- hwb(228 20% 76%)
- OKLCH
- oklch(0.334 0.014 274.5)
- OKLab
- oklab(0.334 0.001 -0.014)
- CIE Lab
- lab(22.66 0.6 -5.33)
- LCH
- lch(22.66 5.36 276.5)
- CMYK
- cmyk(16% 13% 0% 76%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 46474F
- 585A61
- 6B6D73
- 7F8086
- 939499
- A8A9AC
- BDBEC1
- D2D3D5
- E8E9EA
Odcienie ciemniejsze
- 2C2E35
- 24252B
- 1C1E23
- 15161A
- 0E0F12
- 07080A
- 030304
- 010101
- 000000
Tony
- 3B3D44
- 42444B
- 4A4B51
- 515257
- 595A5E
- 606165
- 68696B
- 707072
- 787879
Harmonie kolorów
Komplementarna +180°
- 34363E
Very Black
- 39362E
≈ Rosin
Analogowa -30° +30°
- 34363E
Very Black
- 30373D
≈ Blue Plaza
- 38353D
≈ Revolver
Triada +120° +240°
- 34363E
Very Black
- 3D3432
≈ After Dark
- 313933
≈ Sound of Silence
Komplementarna rozszczepiona +150° +210°
- 34363E
Very Black
- 3C352F
≈ Kilimanjaro
- 353830
≈ Matcha Ash
Tetrada +90° +180° +270°
- 34363E
Very Black
- 3D3335
≈ Black Coffee
- 39362E
≈ Rosin
- 2E3937
≈ Jet Set
Kontrast i dostępność
Ag
AAANa bieli
WCAG 12.04:1 · APCA Lc 98
Ag
FailNa czerni
WCAG 1.74:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 12.04:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmenty kodu
CSS
:root {
--very-black: #34363e;
--very-black-rgb: 52 54 62;
--very-black-oklch: oklch(0.334 0.014 274.5);
}
.element {
color: var(--very-black);
background-color: hsl(228 9% 22%);
border-color: oklch(0.334 0.014 274.5);
}Tailwind CSS v4
@theme {
--color-very-black: #34363e;
--color-very-black-50: #f4f5f9;
--color-very-black-100: #e6e7ed;
--color-very-black-200: #d2d4da;
--color-very-black-300: #b5b7bf;
--color-very-black-400: #9c9ea7;
--color-very-black-500: #838690;
--color-very-black-600: #6f717a;
--color-very-black-700: #595a61;
--color-very-black-800: #414247;
--color-very-black-900: #2c2e31;
--color-very-black-950: #1a1a1d;
}SCSS
$very-black: #34363e;
$very-black-rgb: 52, 54, 62;
$very-black-light: mix(#fff, $very-black, 20%);
$very-black-dark: mix(#000, $very-black, 20%);
.element {
color: $very-black;
box-shadow: 0 0 0 2px rgba($very-black, 0.35);
}