Nearest named color · #E41549
#E41549
Nearest named color: Cherry Velvet
#E41549 (rgb(228 21 73), hsl(345 83% 49%), oklch(0.588 0.228 17)) is closest to the named color Cherry Velvet. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E41549
oklch(0.588 0.228 17)
Color conversions
- HEX
- #e41549
- RGB
- rgb(228 21 73)
- HSL
- hsl(345 83% 49%)
- HWB
- hwb(345 8% 11%)
- OKLCH
- oklch(0.588 0.228 17)
- OKLab
- oklab(0.588 0.218 0.067)
- CIE Lab
- lab(49.74 73.54 30.28)
- LCH
- lch(49.74 79.53 22.4)
- CMYK
- cmyk(0% 91% 68% 11%)
Tints · Shades · Tones
Tints
- EA405B
- F05C6C
- F5737E
- F98990
- FC9DA2
- FFB1B4
- FFC5C6
- FFD8D9
- FFECEC
Shades
- C6113E
- A90C34
- 8D082A
- 720520
- 580317
- 3F020E
- 280106
- 120002
- 030000
Tones
- DC314F
- D34155
- CB4D5B
- C25760
- B86066
- AE686B
- A46F70
- 997576
- 8D7B7B
Color harmonies
Complementary +180°
- E41549
Cherry Velvet
- 008F91
≈ Forever Teal
Analogous -30° +30°
- E41549
Cherry Velvet
- D32496
≈ Royal Fuchsia
- C75600
≈ Rust Orange
Triadic +120° +240°
- E41549
Cherry Velvet
- 419300
≈ Pistachio Flour
- 0077F5
≈ Blue Darknut
Split-complementary +150° +210°
- E41549
Cherry Velvet
- 00936D
≈ Viridian
- 0089B1
≈ Stomy Shower
Tetradic +90° +180° +270°
- E41549
Cherry Velvet
- 868100
≈ Drably Olive
- 008F91
≈ Forever Teal
- 7B58FA
≈ Venetian Nights
Contrast & accessibility
Ag
AAOn white
WCAG 4.66:1 · APCA Lc 70
Ag
AAOn black
WCAG 4.50:1 · APCA Lc 32
Best text color: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 70
Contrast pairs
Code snippets
CSS
:root {
--cherry-velvet: #e41549;
--cherry-velvet-rgb: 228 21 73;
--cherry-velvet-oklch: oklch(0.588 0.228 17);
}
.element {
color: var(--cherry-velvet);
background-color: hsl(345 83% 49%);
border-color: oklch(0.588 0.228 17);
}Tailwind CSS v4
@theme {
--color-cherry-velvet: #e41549;
--color-cherry-velvet-50: #ffdbdb;
--color-cherry-velvet-100: #ffc9ca;
--color-cherry-velvet-200: #ffaaad;
--color-cherry-velvet-300: #ff8088;
--color-cherry-velvet-400: #ff536c;
--color-cherry-velvet-500: #f8004c;
--color-cherry-velvet-600: #d20a41;
--color-cherry-velvet-700: #a90c34;
--color-cherry-velvet-800: #7e0528;
--color-cherry-velvet-900: #59051a;
--color-cherry-velvet-950: #3c000b;
}SCSS
$cherry-velvet: #e41549;
$cherry-velvet-rgb: 228, 21, 73;
$cherry-velvet-light: mix(#fff, $cherry-velvet, 20%);
$cherry-velvet-dark: mix(#000, $cherry-velvet, 20%);
.element {
color: $cherry-velvet;
box-shadow: 0 0 0 2px rgba($cherry-velvet, 0.35);
}