Red Color Family

Crimson Color Hex Code, RGB & HSL Values

Browse all Red Colors

What is the meaning of the Crimson color?

Crimson is a rich, deep, and slightly bluish red color representing determination and passion. It offers a slightly more mature and royal alternative to standard bright red in editorial designs, cosmetic branding, and premium app interfaces.

How to use the Crimson color hex code in HTML & CSS?

To style elements with Crimson on a website, use the hex code #DC143C in your HTML/CSS. Adding background-color: #DC143C; will render the color. In Tailwind CSS, you can apply this shade dynamically using classes like bg-[#DC143C] or configuring it as a color variable in your configuration file.

What are the RGB and HSL codes of Crimson?

In the digital sRGB spectrum, the Crimson color code is mapped to RGB values of Red: 220, Green: 20, and Blue: 60. In the HSL system, it registers at hue angle 348°, saturation 83%, and lightness index 47%. It represents a balanced medium tone characterized by a highly vivid, intense, and brilliant shade.

CMYK print profiles for Crimson color

To reproduce the named shade Crimson in print systems, the CMYK ink configuration requires 0% Cyan, 91% Magenta, 73% Yellow, and 14% black. Given its red-channel dominance, this color is a powerful visual stimulator often deployed in banners, call-to-actions, and warning components.

Red Channel 220
Green Channel 20
Blue Channel 60
Luminance 0.160

Crimson Color Space Conversions

Click to copy format
HEX Color Code #DC143C
RGB (Red Green Blue) rgb(220, 20, 60)
HSL (Hue Sat Light) hsl(348°, 83%, 47%)
CMYK (Commercial Print) cmyk(0%, 91%, 73%, 14%)
HSV / HSB Values hsv(348°, 91%, 86%)
Decimal Color Code 14423100
CSS Custom Variable --color-hex: #DC143C;
Tailwind CSS Utility bg-[#DC143C]
CSS Named Color crimson

Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #DC143C

Small body copy preview

Black Text on Background

Black text readability test with #DC143C

Small body copy preview

Complementary & Analogous Harmonies

Computed dynamically

Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles
/* CSS Custom Properties for Crimson */
--color-hex: #DC143C;
--color-rgb: rgb(220, 20, 60);
--color-hsl: hsl(348deg, 83%, 47%);
--color-name: crimson;

Aa Known Color Aliases

Crimson crimson (CSS Identifier) Crimson RedDeep CrimsonVivid RedScarlet Red

Crimson Color Meaning

Representing the red color family, Crimson carries the intrinsic characteristics of this organic hue. This color group commands attention like no other color. It raises heart rates, increases appetite, and creates a sense of urgency that drives action. Psychologists associate red with strong emotions: passion, love, anger, and danger all share this powerful hue. In marketing, red creates a sense of urgency used in clearance sales, while luxury brands leverage its association with confidence and desirability. Red has the longest wavelength of visible light, making it the first color the human eye detects — a survival trait hardwired from our evolutionary past.

Emotions & Associations

ExcitementPassionPowerDanger

Industries

Retail & SalesFinanceSports

Adjacent HEX Color Codes

Color Comparisons & Differences

🎨 Cohesive Color Combinations & Palettes

Copied!