Benannte Farbe · #551111
Mama Africa
Mama Africa ist #551111: rgb(85 17 17), hsl(0 67% 20%), oklch(0.299 0.099 25.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Mama Africa color name →
#551111
oklch(0.299 0.099 25.6)
Farbumrechnungen
- HEX
- #551111
- RGB
- rgb(85 17 17)
- HSL
- hsl(0 67% 20%)
- HWB
- hwb(0 7% 67%)
- OKLCH
- oklch(0.299 0.099 25.6)
- OKLab
- oklab(0.299 0.09 0.043)
- CIE Lab
- lab(17.72 31.36 19.59)
- LCH
- lch(17.72 36.97 32)
- CMYK
- cmyk(0% 80% 80% 67%)
Tints · Shades · Tones
Tints
- 672926
- 78403B
- 8A5651
- 9B6D68
- AC8480
- BC9B98
- CDB4B1
- DECCCA
- EEE5E4
Shades
- 490D0D
- 3D0909
- 310606
- 260404
- 1C0202
- 110101
- 080000
- 020000
- 000000
Tones
- 5B1E1C
- 602A27
- 653531
- 6A403C
- 6E4A47
- 735552
- 76605D
- 7A6A69
- 7D7574
Farbharmonien
Komplementär +180°
- 551111
Mama Africa
- 00353A
≈ Artist Blue
Analog -30° +30°
- 551111
Mama Africa
- 511130
≈ Tulip Poplar Purple
- 492200
≈ Chrysophobia
Triadisch +120° +240°
- 551111
Mama Africa
- 00390B
≈ Gameboy Contrast
- 15295F
≈ Schiava Blue
Geteilt komplementär +150° +210°
- 551111
Mama Africa
- 00372C
≈ Coach Green
- 003249
≈ Cosmos Blue
Tetradisch +90° +180° +270°
- 551111
Mama Africa
- 2C3100
≈ Wasabi Nori
- 00353A
≈ Artist Blue
- 331F59
≈ Stormy Night
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 14.24:1 · APCA Lc 100
Ag
FailAuf Schwarz
WCAG 1.47:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 14.24:1 (AAA) · APCA Lc 100
Contrast pairs
Code-Snippets
CSS
:root {
--mama-africa: #551111;
--mama-africa-rgb: 85 17 17;
--mama-africa-oklch: oklch(0.299 0.099 25.6);
}
.element {
color: var(--mama-africa);
background-color: hsl(0 67% 20%);
border-color: oklch(0.299 0.099 25.6);
}Tailwind CSS v4
@theme {
--color-mama-africa: #551111;
--color-mama-africa-50: #ffebe6;
--color-mama-africa-100: #ffdcd6;
--color-mama-africa-200: #fcc5bd;
--color-mama-africa-300: #e6a49c;
--color-mama-africa-400: #d38780;
--color-mama-africa-500: #bf6a64;
--color-mama-africa-600: #a25a55;
--color-mama-africa-700: #824843;
--color-mama-africa-800: #603432;
--color-mama-africa-900: #442322;
--color-mama-africa-950: #2b1211;
}SCSS
$mama-africa: #551111;
$mama-africa-rgb: 85, 17, 17;
$mama-africa-light: mix(#fff, $mama-africa, 20%);
$mama-africa-dark: mix(#000, $mama-africa, 20%);
.element {
color: $mama-africa;
box-shadow: 0 0 0 2px rgba($mama-africa, 0.35);
}