Blue Dianne

#283E4A

General Information about #283E4A

The hex color #283E4A, known as Blue Dianne, is a dark, muted shade of blue that exudes a sense of calm and sophistication. It belongs to the family of cool colors and is characterized by its relatively low saturation and luminance. In the RGB color model, it is composed of 16.1% red, 24.3% green, and 29% blue. This combination gives it a slightly desaturated and grayish appearance, making it suitable for applications where a subtle and understated color is desired. It's often associated with professionalism, trustworthiness, and stability, making it a popular choice in various design fields.

The hex color #283E4A, also known as Blue Dianne, presents moderate accessibility challenges. Its relatively low luminance makes it difficult to read text rendered in this color against a white background. According to WCAG guidelines, the contrast ratio should be at least 4.5:1 for normal text and 3:1 for large text to ensure readability for users with visual impairments. When using #283E4A for text, it is crucial to pair it with a very light background to meet these contrast requirements. Alternatively, consider using it for non-text elements, like icons or decorative elements, where contrast is less critical. For improved accessibility, explore lighter shades of blue or other colors with better contrast ratios.

Shades

Digital Color Formats

RGB
40 62 74
RGB40 62 74
Red
Green
Blue
HSL
201.18deg 29.82% 22.35%
201.1829.8222.35HSL
Hue
Saturation
Lightness
HWB
201.18deg 15.69% 70.98%
201.1815.6970.98HWB
Hue
Whiteness
Blackness
hex#283E4A
rgb40 62 74
hsl201.18deg 29.82% 22.35%
cmyk45.95% 16.22% 0% 70.98%
hwb201.18deg 15.69% 70.98%
xyz-d650.04 0.04 0.07
oklch0.3508 0.0347 232.98
oklab0.3508 -0.02 -0.03
CMYK
45.95% 16.22% 0% 70.98%
45.9516.22070.98CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.04 0.04 0.07
0.040.040.07XYZ
X
Y
Z
OKLCH
0.3508 0.0347 232.98
0.35080.0347232.98LCH
Lightness
Chroma
Hue
OKLAB
0.3508 -0.02 -0.03
0.3508-0.02-0.03LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons