Benannte Farbe · #353839
Onyx Heart
Onyx Heart ist #353839: rgb(53 56 57), hsl(195 4% 22%), oklch(0.338 0.004 219.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Onyx Heart color name →
#353839
oklch(0.338 0.004 219.6)
Farbumrechnungen
- HEX
- #353839
- RGB
- rgb(53 56 57)
- HSL
- hsl(195 4% 22%)
- HWB
- hwb(195 21% 78%)
- OKLCH
- oklch(0.338 0.004 219.6)
- OKLab
- oklab(0.338 -0.003 -0.003)
- CIE Lab
- lab(23.25 -1.15 -1.1)
- LCH
- lch(23.25 1.59 223.6)
- CMYK
- cmyk(7% 2% 0% 78%)
Tints · Shades · Tones
Tints
- 47494A
- 595B5C
- 6C6E6F
- 7F8182
- 939596
- A8A9AA
- BDBEBF
- D3D3D4
- E9E9E9
Shades
- 2D2F30
- 252728
- 1D1F1F
- 151717
- 0E0F10
- 080809
- 030404
- 010101
- 000000
Tones
- 3C3F40
- 434646
- 4A4D4D
- 525454
- 595B5B
- 616262
- 68696A
- 707171
- 787878
Farbharmonien
Komplementär +180°
- 353839
Onyx Heart
- 3A3736
≈ Lacquered Liquorice
Analog -30° +30°
- 353839
Onyx Heart
- 353838
≈ Wet Concrete
- 36383A
≈ Onyx Heart
Triadisch +120° +240°
- 353839
Onyx Heart
- 393738
≈ Sayward Pine
- 383735
≈ Dark Grey
Geteilt komplementär +150° +210°
- 353839
Onyx Heart
- 3A3637
≈ Sayward Pine
- 393735
≈ Lacquered Liquorice
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.82:1 · APCA Lc 97
Ag
FailAuf Schwarz
WCAG 1.77:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.82:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
CSS
:root {
--onyx-heart: #353839;
--onyx-heart-rgb: 53 56 57;
--onyx-heart-oklch: oklch(0.338 0.004 219.6);
}
.element {
color: var(--onyx-heart);
background-color: hsl(195 4% 22%);
border-color: oklch(0.338 0.004 219.6);
}Tailwind CSS v4
@theme {
--color-onyx-heart: #353839;
--color-onyx-heart-50: #f4f5f6;
--color-onyx-heart-100: #e6e8e9;
--color-onyx-heart-200: #d2d5d5;
--color-onyx-heart-300: #b5b8b9;
--color-onyx-heart-400: #9c9fa0;
--color-onyx-heart-500: #838788;
--color-onyx-heart-600: #6f7273;
--color-onyx-heart-700: #595b5c;
--color-onyx-heart-800: #414343;
--color-onyx-heart-900: #2d2e2e;
--color-onyx-heart-950: #1a1b1b;
}SCSS
$onyx-heart: #353839;
$onyx-heart-rgb: 53, 56, 57;
$onyx-heart-light: mix(#fff, $onyx-heart, 20%);
$onyx-heart-dark: mix(#000, $onyx-heart, 20%);
.element {
color: $onyx-heart;
box-shadow: 0 0 0 2px rgba($onyx-heart, 0.35);
}