Nazwany kolor · #262A2B
Graphite Black
Graphite Black to #262A2B: rgb(38 42 43), hsl(192 6% 16%), oklch(0.281 0.006 214.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Graphite Black color name →
#262A2B
oklch(0.281 0.006 214.4)
Konwersje koloru
- HEX
- #262a2b
- RGB
- rgb(38 42 43)
- HSL
- hsl(192 6% 16%)
- HWB
- hwb(192 15% 83%)
- OKLCH
- oklch(0.281 0.006 214.4)
- OKLab
- oklab(0.281 -0.005 -0.003)
- CIE Lab
- lab(16.69 -1.65 -1.3)
- LCH
- lch(16.69 2.1 218.2)
- CMYK
- cmyk(12% 2% 0% 83%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 383C3D
- 4C4F50
- 606364
- 757878
- 8A8D8D
- A1A3A3
- B7B9B9
- CFD0D0
- E7E7E7
Odcienie ciemniejsze
- 202324
- 191C1D
- 131616
- 0D1010
- 080A0A
- 040505
- 020202
- 010101
- 000000
Tony
- 2E3233
- 373A3B
- 3F4243
- 484B4B
- 515354
- 5A5C5C
- 636565
- 6D6E6E
- 767777
Harmonie kolorów
Komplementarna +180°
- 262A2B
Graphite Black
- 2C2827
≈ Bokara Grey
Analogowa -30° +30°
- 262A2B
Graphite Black
- 262A29
≈ Graphite Black
- 272A2C
≈ Graphite Black
Triada +120° +240°
- 262A2B
Graphite Black
- 2B282A
≈ Chromaphobic Black
- 2A2926
≈ Chromaphobic Black
Komplementarna rozszczepiona +150° +210°
- 262A2B
Graphite Black
- 2C2829
≈ Chromaphobic Black
- 2B2926
≈ Chromaphobic Black
Tetrada +90° +180° +270°
- 262A2B
Graphite Black
- 2A282C
≈ Black Onyx
- 2C2827
≈ Bokara Grey
- 282A27
≈ Bitter Liquorice
Kontrast i dostępność
Ag
AAANa bieli
WCAG 14.49:1 · APCA Lc 101
Ag
FailNa czerni
WCAG 1.44:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 14.49:1 (AAA) · APCA Lc 101
Contrast pairs
Fragmenty kodu
CSS
:root {
--graphite-black: #262a2b;
--graphite-black-rgb: 38 42 43;
--graphite-black-oklch: oklch(0.281 0.006 214.4);
}
.element {
color: var(--graphite-black);
background-color: hsl(192 6% 16%);
border-color: oklch(0.281 0.006 214.4);
}Tailwind CSS v4
@theme {
--color-graphite-black: #262a2b;
--color-graphite-black-50: #f3f5f6;
--color-graphite-black-100: #e6e8e9;
--color-graphite-black-200: #d1d5d6;
--color-graphite-black-300: #b4b8b9;
--color-graphite-black-400: #9b9fa0;
--color-graphite-black-500: #828789;
--color-graphite-black-600: #6e7274;
--color-graphite-black-700: #585b5c;
--color-graphite-black-800: #404344;
--color-graphite-black-900: #2c2e2f;
--color-graphite-black-950: #191b1b;
}SCSS
$graphite-black: #262a2b;
$graphite-black-rgb: 38, 42, 43;
$graphite-black-light: mix(#fff, $graphite-black, 20%);
$graphite-black-dark: mix(#000, $graphite-black, 20%);
.element {
color: $graphite-black;
box-shadow: 0 0 0 2px rgba($graphite-black, 0.35);
}