Named color · #7F5158
Sunset Red
Sunset Red is #7F5158: rgb(127 81 88), hsl(351 22% 41%), oklch(0.488 0.062 9.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Sunset Red color name →
#7F5158
oklch(0.488 0.062 9.7)
Color conversions
- HEX
- #7f5158
- RGB
- rgb(127 81 88)
- HSL
- hsl(351 22% 41%)
- HWB
- hwb(351 32% 50%)
- OKLCH
- oklch(0.488 0.062 9.7)
- OKLab
- oklab(0.488 0.061 0.01)
- CIE Lab
- lab(39.94 20.56 4.32)
- LCH
- lch(39.94 21.01 11.9)
- CMYK
- cmyk(0% 36% 31% 50%)
Tints · Shades · Tones
Tints
- 8C6167
- 997177
- A58287
- B29397
- BFA4A8
- CCB6B9
- D8C8CA
- E5DADB
- F2ECED
Shades
- 6E454B
- 5D3A3F
- 4C2F33
- 3C2428
- 2D1A1D
- 1F1012
- 110709
- 060203
- 010000
Tones
- 80565C
- 805B60
- 805F64
- 816468
- 81696C
- 816D70
- 817274
- 817778
- 807B7C
Color harmonies
Complementary +180°
- 7F5158
Sunset Red
- 306B68
≈ North Sea
Analogous -30° +30°
- 7F5158
Sunset Red
- 78526B
≈ Berry Conserve
- 7F5445
≈ Wild Stallion
Triadic +120° +240°
- 7F5158
Sunset Red
- 546741
≈ Fern Grotto
- 446382
≈ Blue Ashes
Split-complementary +150° +210°
- 7F5158
Sunset Red
- 3F6B54
≈ Toad King
- 326878
≈ Ocean’s Embrace
Tetradic +90° +180° +270°
- 7F5158
Sunset Red
- 686136
≈ Rationality
- 306B68
≈ North Sea
- 595C83
≈ Deep Lavender
Contrast & accessibility
Ag
AAOn white
WCAG 6.52:1 · APCA Lc 82
Ag
FailOn black
WCAG 3.22:1 · APCA Lc 20
Best text color: #FFFFFF
WCAG 6.52:1 (AA) · APCA Lc 82
Contrast pairs
Code snippets
CSS
:root {
--sunset-red: #7f5158;
--sunset-red-rgb: 127 81 88;
--sunset-red-oklch: oklch(0.488 0.062 9.7);
}
.element {
color: var(--sunset-red);
background-color: hsl(351 22% 41%);
border-color: oklch(0.488 0.062 9.7);
}Tailwind CSS v4
@theme {
--color-sunset-red: #7f5158;
--color-sunset-red-50: #ffeef0;
--color-sunset-red-100: #fce0e2;
--color-sunset-red-200: #eecacd;
--color-sunset-red-300: #d5abaf;
--color-sunset-red-400: #c09096;
--color-sunset-red-500: #ab757d;
--color-sunset-red-600: #90636a;
--color-sunset-red-700: #744f54;
--color-sunset-red-800: #55393e;
--color-sunset-red-900: #3c272b;
--color-sunset-red-950: #251518;
}SCSS
$sunset-red: #7f5158;
$sunset-red-rgb: 127, 81, 88;
$sunset-red-light: mix(#fff, $sunset-red, 20%);
$sunset-red-dark: mix(#000, $sunset-red, 20%);
.element {
color: $sunset-red;
box-shadow: 0 0 0 2px rgba($sunset-red, 0.35);
}