Benannte Farbe · #7B1113
UP Maroon
UP Maroon ist #7B1113: rgb(123 17 19), hsl(359 76% 27%), oklch(0.377 0.14 26.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · UP Maroon color name →
#7B1113
oklch(0.377 0.14 26.5)
Farbumrechnungen
- HEX
- #7b1113
- RGB
- rgb(123 17 19)
- HSL
- hsl(359 76% 27%)
- HWB
- hwb(359 7% 52%)
- OKLCH
- oklch(0.377 0.14 26.5)
- OKLab
- oklab(0.377 0.125 0.062)
- CIE Lab
- lab(26.3 44.03 30.37)
- LCH
- lch(26.3 53.49 34.6)
- CMYK
- cmyk(0% 86% 85% 52%)
Tints · Shades · Tones
Tints
- 8A2F2A
- 994740
- A75E56
- B5746D
- C38A84
- CFA19C
- DCB8B4
- E8CFCC
- F4E7E5
Shades
- 6A0D0F
- 5A090B
- 4A0607
- 3A0405
- 2C0203
- 1E0101
- 100001
- 050000
- 010000
Tones
- 7D2320
- 7F302B
- 813B36
- 824640
- 83504B
- 835A55
- 836460
- 836D6A
- 827775
Farbharmonien
Komplementär +180°
- 7B1113
UP Maroon
- 004B53
≈ Midnight Green
Analog -30° +30°
- 7B1113
UP Maroon
- 751143
≈ Dawn of the Fairies
- 653200
≈ Beasty Brown
Triadisch +120° +240°
- 7B1113
UP Maroon
- 005017
≈ Mysterious Mixture
- 1F398A
≈ Navy Seal
Geteilt komplementär +150° +210°
- 7B1113
UP Maroon
- 004D40
≈ Aqua Deep
- 004767
≈ Stegadon Scale Green
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.87:1 · APCA Lc 94
Ag
FailAuf Schwarz
WCAG 1.93:1 · APCA Lc 9
Beste Textfarbe: #FFFFFF
WCAG 10.87:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--up-maroon: #7b1113;
--up-maroon-rgb: 123 17 19;
--up-maroon-oklch: oklch(0.377 0.14 26.5);
}
.element {
color: var(--up-maroon);
background-color: hsl(359 76% 27%);
border-color: oklch(0.377 0.14 26.5);
}Tailwind CSS v4
@theme {
--color-up-maroon: #7b1113;
--color-up-maroon-50: #ffe7df;
--color-up-maroon-100: #ffd7ce;
--color-up-maroon-200: #ffbeb3;
--color-up-maroon-300: #f79b8f;
--color-up-maroon-400: #e57b71;
--color-up-maroon-500: #d35b52;
--color-up-maroon-600: #b24e46;
--color-up-maroon-700: #8f3e38;
--color-up-maroon-800: #6b2c29;
--color-up-maroon-900: #4b1e1c;
--color-up-maroon-950: #310d0c;
}SCSS
$up-maroon: #7b1113;
$up-maroon-rgb: 123, 17, 19;
$up-maroon-light: mix(#fff, $up-maroon, 20%);
$up-maroon-dark: mix(#000, $up-maroon, 20%);
.element {
color: $up-maroon;
box-shadow: 0 0 0 2px rgba($up-maroon, 0.35);
}