Night Rider

#201214

General Information about Night Rider

The hexadecimal color #201214, commonly known as Night Rider, is a very dark shade of red. In the RGB color model, it consists of 12.55% red, 7.1% green, and 7.84% blue. Its CMYK representation is 0% cyan, 43% magenta, 38% yellow, and 87% black. This color is often associated with feelings of mystery, sophistication, and darkness. Due to its low brightness, it is essential to carefully consider contrast ratios when using it in designs. The color evokes a sense of calm and can be considered a neutral when paired with brighter colors. In web design, it can create a dramatic effect, but readability is a key factor.

The color #201214, also known as Night Rider, presents significant accessibility challenges due to its low luminance. With such a dark shade, it becomes imperative to use high-contrast text to ensure readability for all users, including those with visual impairments. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text, as per WCAG guidelines. When used as a background color, pairing it with light text colors such as white or light gray is crucial. Avoid using #201214 for interactive elements without clear visual cues, as the lack of contrast can make it difficult for users to identify clickable areas or focus states. Proper color contrast assessment tools can help verify compliance with accessibility standards.

Shades

Digital Color Formats

RGB
32 18 20
RGB32 18 20
Red
Green
Blue
HSL
351.43deg 28% 9.8%
351.43289.8HSL
Hue
Saturation
Lightness
HWB
351.43deg 7.06% 87.45%
351.437.0687.45HWB
Hue
Whiteness
Blackness
hex#201214
rgb32 18 20
hsl351.43deg 28% 9.8%
cmyk0% 43.75% 37.5% 87.45%
hwb351.43deg 7.06% 87.45%
xyz-d650.01 0.01 0.01
oklch0.2021 0.0236 9.95
oklab0.2021 0.02 0
CMYK
0% 43.75% 37.5% 87.45%
043.7537.587.45CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.01 0.01 0.01
0.010.010.01XYZ
X
Y
Z
OKLCH
0.2021 0.0236 9.95
0.20210.02369.95LCH
Lightness
Chroma
Hue
OKLAB
0.2021 0.02 0
0.20210.020LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons