Blue Dianne

#283E4D

General Information about #283E4D

The hexadecimal color code #283E4D represents a shade of dark, muted blue, often referred to as "Blue Dianne". It is composed of 15.7% red, 24.3% green, and 30.2% blue. In the RGB color model, this translates to R:40, G:62, B:77. The CMYK representation is C:48, M:20, Y:0, K:70. This color has a relatively low saturation and brightness, giving it a calming and sophisticated appearance. It is frequently used in designs aiming to evoke feelings of trust, stability, and professionalism. The hex code is a concise way to represent this color in digital applications and is commonly used in web design, graphic design, and other digital media.

The color #283E4D, also known as Blue Dianne, presents moderate accessibility challenges. Its relatively low lightness value requires careful consideration of text and background contrast. To ensure readability, especially for users with visual impairments, it's crucial to pair this color with significantly lighter hues for text or interactive elements. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text (14pt bold or 18pt regular) to meet WCAG AA standards. Employing color contrast checkers can help verify compliance. Additionally, avoid relying solely on color to convey important information; use text labels or icons to provide alternative cues.

Shades

Digital Color Formats

RGB
40 62 77
RGB40 62 77
Red
Green
Blue
HSL
204.32deg 31.62% 22.94%
204.3231.6222.94HSL
Hue
Saturation
Lightness
HWB
204.32deg 15.69% 69.8%
204.3215.6969.8HWB
Hue
Whiteness
Blackness
hex#283E4D
rgb40 62 77
hsl204.32deg 31.62% 22.94%
cmyk48.05% 19.48% 0% 69.8%
hwb204.32deg 15.69% 69.8%
xyz-d650.04 0.04 0.08
oklch0.3522 0.0382 239.1
oklab0.3522 -0.02 -0.03
CMYK
48.05% 19.48% 0% 69.8%
48.0519.48069.8CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.04 0.04 0.08
0.040.040.08XYZ
X
Y
Z
OKLCH
0.3522 0.0382 239.1
0.35220.0382239.1LCH
Lightness
Chroma
Hue
OKLAB
0.3522 -0.02 -0.03
0.3522-0.02-0.03LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons