Benannte Farbe · #9D7374
Regal Rose
Regal Rose ist #9D7374: rgb(157 115 116), hsl(359 18% 53%), oklch(0.598 0.053 17.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Regal Rose color name →
#9D7374
oklch(0.598 0.053 17.2)
Farbumrechnungen
- HEX
- #9d7374
- RGB
- rgb(157 115 116)
- HSL
- hsl(359 18% 53%)
- HWB
- hwb(359 45% 38%)
- OKLCH
- oklch(0.598 0.053 17.2)
- OKLab
- oklab(0.598 0.051 0.016)
- CIE Lab
- lab(52.79 17.16 6.3)
- LCH
- lch(52.79 18.28 20.2)
- CMYK
- cmyk(0% 27% 26% 38%)
Tints · Shades · Tones
Tints
- A78081
- B18E8E
- BB9B9C
- C4A9A9
- CEB7B7
- D8C5C5
- E2D3D3
- EBE2E2
- F5F0F0
Shades
- 886364
- 735454
- 5F4545
- 4C3637
- 3A2829
- 281B1B
- 180F0F
- 090505
- 010101
Tones
- 9A7475
- 987676
- 957778
- 927879
- 8F7A7A
- 8C7B7B
- 897C7C
- 867E7E
- 837F7F
Farbharmonien
Komplementär +180°
- 9D7374
Regal Rose
- 588A8B
≈ Dusty Turquoise
Analog -30° +30°
- 9D7374
Regal Rose
- 987386
≈ Artiste
- 9B7664
≈ Beaver Fur
Triadisch +120° +240°
- 9D7374
Regal Rose
- 718768
≈ Shale Green
- 6C81A0
≈ Bay View
Geteilt komplementär +150° +210°
- 9D7374
Regal Rose
- 608A79
≈ Privet Hedge
- 5D8699
≈ Adriatic Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.08:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.13:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.13:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--regal-rose: #9d7374;
--regal-rose-rgb: 157 115 116;
--regal-rose-oklch: oklch(0.598 0.053 17.2);
}
.element {
color: var(--regal-rose);
background-color: hsl(359 18% 53%);
border-color: oklch(0.598 0.053 17.2);
}Tailwind CSS v4
@theme {
--color-regal-rose: #9d7374;
--color-regal-rose-50: #ffefef;
--color-regal-rose-100: #f9e1e1;
--color-regal-rose-200: #eacccb;
--color-regal-rose-300: #d1adad;
--color-regal-rose-400: #bc9293;
--color-regal-rose-500: #a77879;
--color-regal-rose-600: #8d6667;
--color-regal-rose-700: #715152;
--color-regal-rose-800: #533b3c;
--color-regal-rose-900: #3a2829;
--color-regal-rose-950: #241617;
}SCSS
$regal-rose: #9d7374;
$regal-rose-rgb: 157, 115, 116;
$regal-rose-light: mix(#fff, $regal-rose, 20%);
$regal-rose-dark: mix(#000, $regal-rose, 20%);
.element {
color: $regal-rose;
box-shadow: 0 0 0 2px rgba($regal-rose, 0.35);
}