Benannte Farbe · #110011
Glossy Black
Glossy Black ist #110011: rgb(17 0 17), hsl(300 100% 3%), oklch(0.125 0.057 328.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Glossy Black color name →
#110011
oklch(0.125 0.057 328.4)
Farbumrechnungen
- HEX
- #110011
- RGB
- rgb(17 0 17)
- HSL
- hsl(300 100% 3%)
- HWB
- hwb(300 0% 93%)
- OKLCH
- oklch(0.125 0.057 328.4)
- OKLab
- oklab(0.125 0.049 -0.03)
- CIE Lab
- lab(1.43 6.93 -5.23)
- LCH
- lch(1.43 8.68 322.9)
- CMYK
- cmyk(0% 100% 0% 93%)
Tints · Shades · Tones
Tints
- 250F24
- 3A2539
- 503D4F
- 675566
- 7F6F7E
- 978A96
- B0A6AF
- CAC3C9
- E4E1E4
Shades
- 0D000D
- 090009
- 060006
- 040004
- 020002
- 010001
- 000000
- 000000
- 000000
Tones
- 1B061B
- 261225
- 301F30
- 3B2B3A
- 463845
- 514651
- 5D545C
- 686268
- 747174
Farbharmonien
Komplementär +180°
- 110011
Glossy Black
- 000A01
≈ Melanous
Analog -30° +30°
- 110011
Glossy Black
- 0A0119
≈ Midnight Jam
- 140006
≈ Dark Matter
Triadisch +120° +240°
- 110011
Glossy Black
- 0A0600
≈ Liquorice
- 00080A
≈ Eight Ball
Geteilt komplementär +150° +210°
- 110011
Glossy Black
- 060800
≈ Whiten’t
- 000906
≈ Black Metal
Tetradisch +90° +180° +270°
- 110011
Glossy Black
- 0E0400
≈ Liquorice
- 000A01
≈ Melanous
- 000710
≈ Eight Ball
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 20.35:1 · APCA Lc 106
Ag
FailAuf Schwarz
WCAG 1.03:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 20.35:1 (AAA) · APCA Lc 106
Contrast pairs
Code-Snippets
CSS
:root {
--glossy-black: #110011;
--glossy-black-rgb: 17 0 17;
--glossy-black-oklch: oklch(0.125 0.057 328.4);
}
.element {
color: var(--glossy-black);
background-color: hsl(300 100% 3%);
border-color: oklch(0.125 0.057 328.4);
}Tailwind CSS v4
@theme {
--color-glossy-black: #110011;
--color-glossy-black-50: #fff0fd;
--color-glossy-black-100: #f4e1f1;
--color-glossy-black-200: #e3cce0;
--color-glossy-black-300: #c9adc5;
--color-glossy-black-400: #b293b0;
--color-glossy-black-500: #9c7999;
--color-glossy-black-600: #846682;
--color-glossy-black-700: #695268;
--color-glossy-black-800: #4d3c4d;
--color-glossy-black-900: #362936;
--color-glossy-black-950: #211721;
}SCSS
$glossy-black: #110011;
$glossy-black-rgb: 17, 0, 17;
$glossy-black-light: mix(#fff, $glossy-black, 20%);
$glossy-black-dark: mix(#000, $glossy-black, 20%);
.element {
color: $glossy-black;
box-shadow: 0 0 0 2px rgba($glossy-black, 0.35);
}