Cloud Burst

#282C57

General Information about #282C57

#282C57, known as Cloud Burst, is a dark, muted shade of blue-purple. It is often associated with sophistication, mystery, and depth. In color psychology, dark blues like #282C57 can evoke feelings of calmness and stability. This hex color is created by combining a specific ratio of red, green, and blue light in the RGB color model. Specifically, it consists of 15.7% red, 17.3% green, and 34.1% blue. It is a popular choice for backgrounds and accents in web design and graphic design, where a subtle yet impactful color is needed. Its versatility also makes it suitable for various applications, from branding to interior design, where a touch of elegance is desired.

The hex color #282C57, also known as Cloud Burst, presents some accessibility challenges due to its dark nature. When used as a background color, it requires very light text to ensure sufficient contrast for readability. According to WCAG guidelines, the contrast ratio between text and background should be at least 4.5:1 for normal text and 3:1 for large text. Using #282C57 with dark text would fail these criteria, making it difficult for users, especially those with visual impairments, to read the content. Therefore, it's crucial to pair this color with a very light color like #FFFFFF or #F0F0F0 to meet accessibility standards. Tools like contrast checkers can help verify compliance.

Shades

Digital Color Formats

RGB
40 44 87
RGB40 44 87
Red
Green
Blue
HSL
234.89deg 37.01% 24.9%
234.8937.0124.9HSL
Hue
Saturation
Lightness
HWB
234.89deg 15.69% 65.88%
234.8915.6965.88HWB
Hue
Whiteness
Blackness
hex#282C57
rgb40 44 87
hsl234.89deg 37.01% 24.9%
cmyk54.02% 49.43% 0% 65.88%
hwb234.89deg 15.69% 65.88%
xyz-d650.03 0.03 0.09
oklch0.3132 0.0763 277.04
oklab0.3132 0.01 -0.08
CMYK
54.02% 49.43% 0% 65.88%
54.0249.43065.88CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.03 0.03 0.09
0.030.030.09XYZ
X
Y
Z
OKLCH
0.3132 0.0763 277.04
0.31320.0763277.04LCH
Lightness
Chroma
Hue
OKLAB
0.3132 0.01 -0.08
0.31320.01-0.08LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons