Benannte Farbe · #551F2F
Largest Black Slug
Largest Black Slug ist #551F2F: rgb(85 31 47), hsl(342 47% 23%), oklch(0.325 0.082 4.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Largest Black Slug color name →
#551F2F
oklch(0.325 0.082 4.3)
Farbumrechnungen
- HEX
- #551f2f
- RGB
- rgb(85 31 47)
- HSL
- hsl(342 47% 23%)
- HWB
- hwb(342 12% 67%)
- OKLCH
- oklch(0.325 0.082 4.3)
- OKLab
- oklab(0.325 0.082 0.006)
- CIE Lab
- lab(20.73 26.8 2.79)
- LCH
- lch(20.73 26.95 5.9)
- CMYK
- cmyk(0% 64% 45% 67%)
Tints · Shades · Tones
Tints
- 663441
- 774854
- 885D67
- 99737B
- AA8990
- BBA0A5
- CCB7BB
- DDCED1
- EEE6E8
Shades
- 491927
- 3D1420
- 310F19
- 260A12
- 1C060C
- 110306
- 080103
- 020001
- 000000
Tones
- 5A2936
- 5F333E
- 643C46
- 69464E
- 6D4F56
- 71595E
- 756366
- 796C6F
- 7D7677
Farbharmonien
Komplementär +180°
- 551F2F
Largest Black Slug
- 003D38
≈ Rich Black
Analog -30° +30°
- 551F2F
Largest Black Slug
- 4C2245
≈ Opulent Mauve
- 562115
≈ Peaty Brown
Triadisch +120° +240°
- 551F2F
Largest Black Slug
- 2B3B00
≈ Dark Olive
- 00375A
≈ Incremental Blue
Geteilt komplementär +150° +210°
- 551F2F
Largest Black Slug
- 004020
≈ Angel Green
- 003B46
≈ Ghostlands Coal
Tetradisch +90° +180° +270°
- 551F2F
Largest Black Slug
- 3F3300
≈ Night in the Woods
- 003D38
≈ Rich Black
- 282F5D
≈ Underwater Realm
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.93:1 · APCA Lc 99
Ag
FailAuf Schwarz
WCAG 1.62:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 12.93:1 (AAA) · APCA Lc 99
Contrast pairs
Code-Snippets
CSS
:root {
--largest-black-slug: #551f2f;
--largest-black-slug-rgb: 85 31 47;
--largest-black-slug-oklch: oklch(0.325 0.082 4.3);
}
.element {
color: var(--largest-black-slug);
background-color: hsl(342 47% 23%);
border-color: oklch(0.325 0.082 4.3);
}Tailwind CSS v4
@theme {
--color-largest-black-slug: #551f2f;
--color-largest-black-slug-50: #ffecf1;
--color-largest-black-slug-100: #ffdde3;
--color-largest-black-slug-200: #f4c6cf;
--color-largest-black-slug-300: #dda6b1;
--color-largest-black-slug-400: #c88a98;
--color-largest-black-slug-500: #b46f7f;
--color-largest-black-slug-600: #985e6c;
--color-largest-black-slug-700: #7a4b56;
--color-largest-black-slug-800: #5a3640;
--color-largest-black-slug-900: #3f252c;
--color-largest-black-slug-950: #281319;
}SCSS
$largest-black-slug: #551f2f;
$largest-black-slug-rgb: 85, 31, 47;
$largest-black-slug-light: mix(#fff, $largest-black-slug, 20%);
$largest-black-slug-dark: mix(#000, $largest-black-slug, 20%);
.element {
color: $largest-black-slug;
box-shadow: 0 0 0 2px rgba($largest-black-slug, 0.35);
}