Benannte Farbe · #954B51
Muted Red
Muted Red ist #954B51: rgb(149 75 81), hsl(355 33% 44%), oklch(0.506 0.099 16.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Muted Red color name →
#954B51
oklch(0.506 0.099 16.2)
Farbumrechnungen
- HEX
- #954b51
- RGB
- rgb(149 75 81)
- HSL
- hsl(355 33% 44%)
- HWB
- hwb(355 29% 42%)
- OKLCH
- oklch(0.506 0.099 16.2)
- OKLab
- oklab(0.506 0.095 0.028)
- CIE Lab
- lab(41.58 32.14 11.49)
- LCH
- lch(41.58 34.13 19.7)
- CMYK
- cmyk(0% 50% 46% 42%)
Tints · Shades · Tones
Tints
- A15C61
- AC6E71
- B77F82
- C29193
- CDA3A4
- D7B5B6
- E1C7C8
- EBD9DA
- F5ECEC
Shades
- 814045
- 6D353A
- 5A2B2F
- 482124
- 37171A
- 260E10
- 160607
- 080202
- 010000
Tones
- 945156
- 92575A
- 915C5F
- 8F6264
- 8D6768
- 8B6C6D
- 897172
- 867676
- 837B7B
Farbharmonien
Komplementär +180°
- 954B51
Muted Red
- 007475
≈ Skobeloff
Analog -30° +30°
- 954B51
Muted Red
- 8D4C71
≈ Goddess of Dawn
- 925130
≈ Chelsea Gem
Triadisch +120° +240°
- 954B51
Muted Red
- 497236
≈ Loren Forest
- 3D669D
≈ Summerday Blue
Geteilt komplementär +150° +210°
- 954B51
Muted Red
- 137658
≈ Greasy Greens
- 006F8F
≈ Tropic Sea
Tetradisch +90° +180° +270°
- 954B51
Muted Red
- 6C6815
≈ Brown Green
- 007475
≈ Skobeloff
- 615B9B
≈ Giant Onion
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.17:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.40:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.17:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--muted-red: #954b51;
--muted-red-rgb: 149 75 81;
--muted-red-oklch: oklch(0.506 0.099 16.2);
}
.element {
color: var(--muted-red);
background-color: hsl(355 33% 44%);
border-color: oklch(0.506 0.099 16.2);
}Tailwind CSS v4
@theme {
--color-muted-red: #954b51;
--color-muted-red-50: #ffeaea;
--color-muted-red-100: #ffdbdb;
--color-muted-red-200: #fcc4c4;
--color-muted-red-300: #e6a3a4;
--color-muted-red-400: #d2868a;
--color-muted-red-500: #bf696f;
--color-muted-red-600: #a1595e;
--color-muted-red-700: #81474b;
--color-muted-red-800: #603338;
--color-muted-red-900: #432326;
--color-muted-red-950: #2b1214;
}SCSS
$muted-red: #954b51;
$muted-red-rgb: 149, 75, 81;
$muted-red-light: mix(#fff, $muted-red, 20%);
$muted-red-dark: mix(#000, $muted-red, 20%);
.element {
color: $muted-red;
box-shadow: 0 0 0 2px rgba($muted-red, 0.35);
}