Named color · #C01B0C
Crimson Sunset
Crimson Sunset is #C01B0C: rgb(192 27 12), hsl(5 88% 40%), oklch(0.517 0.199 30.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Crimson Sunset color name →
#C01B0C
oklch(0.517 0.199 30.1)
Color conversions
- HEX
- #c01b0c
- RGB
- rgb(192 27 12)
- HSL
- hsl(5 88% 40%)
- HWB
- hwb(5 5% 25%)
- OKLCH
- oklch(0.517 0.199 30.1)
- OKLab
- oklab(0.517 0.172 0.1)
- CIE Lab
- lab(42.06 61.9 52.63)
- LCH
- lch(42.06 81.25 40.4)
- CMYK
- cmyk(0% 86% 94% 25%)
Tints · Shades · Tones
Tints
- CA3E2E
- D25847
- DB6E5E
- E28474
- E9998B
- EFADA2
- F4C2B9
- F9D6D0
- FCEAE7
Shades
- A71609
- 8E1106
- 760C04
- 5F0803
- 490502
- 340201
- 200100
- 0E0000
- 020000
Tones
- BC3021
- B73E2F
- B2493B
- AC5346
- A65C50
- A0645A
- 996C64
- 92736D
- 897A77
Color harmonies
Complementary +180°
- C01B0C
Crimson Sunset
- 007684
≈ Deep Current
Analogous -30° +30°
- C01B0C
Crimson Sunset
- B91663
≈ Spiced Purple
- 995400
≈ Charlie Brown
Triadic +120° +240°
- C01B0C
Crimson Sunset
- 007E38
≈ Charmed Green
- 3F57D8
≈ Warm Blue
Split-complementary +150° +210°
- C01B0C
Crimson Sunset
- 00796A
≈ Shady Glade
- 006FA5
≈ Bowen Blue
Tetradic +90° +180° +270°
- C01B0C
Crimson Sunset
- 5F7200
≈ Topiary Green
- 007684
≈ Deep Current
- 7C40C6
≈ Purple Rain
Contrast & accessibility
Ag
AAOn white
WCAG 6.17:1 · APCA Lc 79
Ag
FailOn black
WCAG 3.40:1 · APCA Lc 23
Best text color: #FFFFFF
WCAG 6.17:1 (AA) · APCA Lc 79
Contrast pairs
Code snippets
CSS
:root {
--crimson-sunset: #c01b0c;
--crimson-sunset-rgb: 192 27 12;
--crimson-sunset-oklch: oklch(0.517 0.199 30.1);
}
.element {
color: var(--crimson-sunset);
background-color: hsl(5 88% 40%);
border-color: oklch(0.517 0.199 30.1);
}Tailwind CSS v4
@theme {
--color-crimson-sunset: #c01b0c;
--color-crimson-sunset-50: #ffe1d2;
--color-crimson-sunset-100: #ffd0be;
--color-crimson-sunset-200: #ffb49e;
--color-crimson-sunset-300: #ff8d75;
--color-crimson-sunset-400: #fe6652;
--color-crimson-sunset-500: #ed3826;
--color-crimson-sunset-600: #c83223;
--color-crimson-sunset-700: #a1281c;
--color-crimson-sunset-800: #781b16;
--color-crimson-sunset-900: #55120e;
--color-crimson-sunset-950: #390302;
}SCSS
$crimson-sunset: #c01b0c;
$crimson-sunset-rgb: 192, 27, 12;
$crimson-sunset-light: mix(#fff, $crimson-sunset, 20%);
$crimson-sunset-dark: mix(#000, $crimson-sunset, 20%);
.element {
color: $crimson-sunset;
box-shadow: 0 0 0 2px rgba($crimson-sunset, 0.35);
}