Colore con nome · #2A272C
Black Onyx
Black Onyx è #2A272C: rgb(42 39 44), hsl(276 6% 16%), oklch(0.278 0.01 312.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Black Onyx color name →
#2A272C
oklch(0.278 0.01 312.1)
Conversioni di colore
- HEX
- #2a272c
- RGB
- rgb(42 39 44)
- HSL
- hsl(276 6% 16%)
- HWB
- hwb(276 15% 83%)
- OKLCH
- oklch(0.278 0.01 312.1)
- OKLab
- oklab(0.278 0.007 -0.007)
- CIE Lab
- lab(16.12 2.33 -2.78)
- LCH
- lch(16.12 3.62 310)
- CMYK
- cmyk(5% 11% 0% 83%)
Tinte · Ombre · Toni
Tinte
- 3C393E
- 4F4C51
- 636165
- 787579
- 8D8B8E
- A3A1A4
- B9B8BA
- D0CFD0
- E7E7E7
Ombre
- 232025
- 1C1A1E
- 161417
- 100E11
- 0A080A
- 050405
- 020202
- 010101
- 000000
Toni
- 322F34
- 3A373C
- 424044
- 4B494C
- 535154
- 5C5A5D
- 656465
- 6E6D6E
- 777677
Armonie di colore
Complementare +180°
- 2A272C
Black Onyx
- 272924
≈ Bitter Liquorice
Analogo -30° +30°
- 2A272C
Black Onyx
- 27282D
≈ Anthracite
- 2C262A
≈ Black Onyx
Triadico +120° +240°
- 2A272C
Black Onyx
- 2C2823
≈ Maire
- 232A2A
≈ Charleston Green
Complementare divisa +150° +210°
- 2A272C
Black Onyx
- 292923
≈ Maire
- 242A27
≈ Bitter Liquorice
Tetradico +90° +180° +270°
- 2A272C
Black Onyx
- 2D2725
≈ Bokara Grey
- 272924
≈ Bitter Liquorice
- 232A2C
≈ Cinder
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 14.73:1 · APCA Lc 102
Ag
FailSu nero
WCAG 1.42:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 14.73:1 (AAA) · APCA Lc 102
Contrast pairs
Frammenti di codice
CSS
:root {
--black-onyx: #2a272c;
--black-onyx-rgb: 42 39 44;
--black-onyx-oklch: oklch(0.278 0.01 312.1);
}
.element {
color: var(--black-onyx);
background-color: hsl(276 6% 16%);
border-color: oklch(0.278 0.01 312.1);
}Tailwind CSS v4
@theme {
--color-black-onyx: #2a272c;
--color-black-onyx-50: #f6f4f7;
--color-black-onyx-100: #e9e7ea;
--color-black-onyx-200: #d6d3d7;
--color-black-onyx-300: #b9b6bb;
--color-black-onyx-400: #a09da3;
--color-black-onyx-500: #88848b;
--color-black-onyx-600: #737076;
--color-black-onyx-700: #5c5a5e;
--color-black-onyx-800: #434145;
--color-black-onyx-900: #2f2d30;
--color-black-onyx-950: #1b1a1c;
}SCSS
$black-onyx: #2a272c;
$black-onyx-rgb: 42, 39, 44;
$black-onyx-light: mix(#fff, $black-onyx, 20%);
$black-onyx-dark: mix(#000, $black-onyx, 20%);
.element {
color: $black-onyx;
box-shadow: 0 0 0 2px rgba($black-onyx, 0.35);
}