Benannte Farbe · #7C3651
Rich Red Violet
Rich Red Violet ist #7C3651: rgb(124 54 81), hsl(337 39% 35%), oklch(0.435 0.102 357.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Rich Red Violet color name →
#7C3651
oklch(0.435 0.102 357.9)
Farbumrechnungen
- HEX
- #7c3651
- RGB
- rgb(124 54 81)
- HSL
- hsl(337 39% 35%)
- HWB
- hwb(337 21% 51%)
- OKLCH
- oklch(0.435 0.102 357.9)
- OKLab
- oklab(0.435 0.102 -0.004)
- CIE Lab
- lab(33.2 33.26 -0.98)
- LCH
- lch(33.2 33.27 358.3)
- CMYK
- cmyk(0% 56% 35% 51%)
Tints · Shades · Tones
Tints
- 8A4961
- 985C71
- A57081
- B28392
- BF97A4
- CCABB5
- D9C0C7
- E6D5DA
- F3EAEC
Shades
- 6B2E45
- 5A253A
- 4A1E2F
- 3B1624
- 2C0F1A
- 1E0810
- 110307
- 050102
- 010000
Tones
- 7D3E56
- 7F465A
- 804D5F
- 805563
- 815C68
- 81636D
- 816B72
- 817276
- 81797B
Farbharmonien
Komplementär +180°
- 7C3651
Rich Red Violet
- 005F51
≈ Alpine Green
Analog -30° +30°
- 7C3651
Rich Red Violet
- 6E3B6D
≈ Eminence
- 803830
≈ Heirloom Tomato
Triadisch +120° +240°
- 7C3651
Rich Red Violet
- 4D5800
≈ Douro
- 005780
≈ Mykonos Blue
Geteilt komplementär +150° +210°
- 7C3651
Rich Red Violet
- 21602F
≈ Deep Into the Wood
- 005C67
≈ Egyptian Enamel
Tetradisch +90° +180° +270°
- 7C3651
Rich Red Violet
- 664D00
≈ Olive Brown
- 005F51
≈ Alpine Green
- 394D89
≈ Jazzy Blue
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.38:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.50:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.38:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--rich-red-violet: #7c3651;
--rich-red-violet-rgb: 124 54 81;
--rich-red-violet-oklch: oklch(0.435 0.102 357.9);
}
.element {
color: var(--rich-red-violet);
background-color: hsl(337 39% 35%);
border-color: oklch(0.435 0.102 357.9);
}Tailwind CSS v4
@theme {
--color-rich-red-violet: #7c3651;
--color-rich-red-violet-50: #ffeaf4;
--color-rich-red-violet-100: #ffdae6;
--color-rich-red-violet-200: #fac3d2;
--color-rich-red-violet-300: #e4a2b5;
--color-rich-red-violet-400: #cf859e;
--color-rich-red-violet-500: #bb6886;
--color-rich-red-violet-600: #9e5871;
--color-rich-red-violet-700: #7f465b;
--color-rich-red-violet-800: #5e3343;
--color-rich-red-violet-900: #42222f;
--color-rich-red-violet-950: #2a111b;
}SCSS
$rich-red-violet: #7c3651;
$rich-red-violet-rgb: 124, 54, 81;
$rich-red-violet-light: mix(#fff, $rich-red-violet, 20%);
$rich-red-violet-dark: mix(#000, $rich-red-violet, 20%);
.element {
color: $rich-red-violet;
box-shadow: 0 0 0 2px rgba($rich-red-violet, 0.35);
}