Named color · #B52604
Crimson Velvet Sunset
Crimson Velvet Sunset is #B52604: rgb(181 38 4), hsl(12 96% 36%), oklch(0.503 0.183 33.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Crimson Velvet Sunset color name →
#B52604
oklch(0.503 0.183 33.1)
Color conversions
- HEX
- #b52604
- RGB
- rgb(181 38 4)
- HSL
- hsl(12 96% 36%)
- HWB
- hwb(12 2% 29%)
- OKLCH
- oklch(0.503 0.183 33.1)
- OKLab
- oklab(0.503 0.153 0.1)
- CIE Lab
- lab(40.7 56.01 53.1)
- LCH
- lch(40.7 77.18 43.5)
- CMYK
- cmyk(0% 79% 98% 29%)
Tints · Shades · Tones
Tints
- BF432A
- C95A44
- D2705B
- DA8572
- E29989
- E9AEA0
- F0C2B7
- F6D6CF
- FBEBE7
Shades
- 9D2003
- 861902
- 6F1301
- 590D01
- 440800
- 300400
- 1D0200
- 0C0100
- 020000
Tones
- B1351D
- AE412C
- AA4C39
- A55544
- A05D4F
- 9B6559
- 956C63
- 8F736D
- 887A76
Color harmonies
Complementary +180°
- B52604
Crimson Velvet Sunset
- 007182
≈ Caribbean Dream
Analogous -30° +30°
- B52604
Crimson Velvet Sunset
- B11F5A
≈ Murderous Magenta
- 915300
≈ Plain Old Brown
Triadic +120° +240°
- B52604
Crimson Velvet Sunset
- 00783E
≈ Blarney Stone
- 4653CA
≈ Gorgonzola Blue
Split-complementary +150° +210°
- B52604
Crimson Velvet Sunset
- 007569
≈ Hawk Turquoise
- 006AA4
≈ Indigo Bunting
Tetradic +90° +180° +270°
- B52604
Crimson Velvet Sunset
- 576F00
≈ Over the Hills
- 007182
≈ Caribbean Dream
- 7B3FB8
≈ Harley Hair Purple
Contrast & accessibility
Ag
AAOn white
WCAG 6.47:1 · APCA Lc 80
Ag
FailOn black
WCAG 3.24:1 · APCA Lc 21
Best text color: #FFFFFF
WCAG 6.47:1 (AA) · APCA Lc 80
Contrast pairs
Code snippets
CSS
:root {
--crimson-velvet-sunset: #b52604;
--crimson-velvet-sunset-rgb: 181 38 4;
--crimson-velvet-sunset-oklch: oklch(0.503 0.183 33.1);
}
.element {
color: var(--crimson-velvet-sunset);
background-color: hsl(12 96% 36%);
border-color: oklch(0.503 0.183 33.1);
}Tailwind CSS v4
@theme {
--color-crimson-velvet-sunset: #b52604;
--color-crimson-velvet-sunset-50: #ffe3d2;
--color-crimson-velvet-sunset-100: #ffd3bf;
--color-crimson-velvet-sunset-200: #ffb89f;
--color-crimson-velvet-sunset-300: #ff9275;
--color-crimson-velvet-sunset-400: #f76e53;
--color-crimson-velvet-sunset-500: #e64627;
--color-crimson-velvet-sunset-600: #c23d23;
--color-crimson-velvet-sunset-700: #9c311c;
--color-crimson-velvet-sunset-800: #752115;
--color-crimson-velvet-sunset-900: #52160e;
--color-crimson-velvet-sunset-950: #370602;
}SCSS
$crimson-velvet-sunset: #b52604;
$crimson-velvet-sunset-rgb: 181, 38, 4;
$crimson-velvet-sunset-light: mix(#fff, $crimson-velvet-sunset, 20%);
$crimson-velvet-sunset-dark: mix(#000, $crimson-velvet-sunset, 20%);
.element {
color: $crimson-velvet-sunset;
box-shadow: 0 0 0 2px rgba($crimson-velvet-sunset, 0.35);
}