#334983
A dark, moderate blue closely aligning with Darkslateblue.
About #334983
Visually, #334983 is defined as a moderate blue. Its closest recognized web color is Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 51, 73, and 131.
When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 61% C, 44% M, 0% Y, and 49% K. This makes it a relatively light color when applied to physical surfaces.
From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#334983
RGB51, 73, 131
HSL223.5°, 44.0%, 35.7%
CMYK61%, 44%, 0%, 49%
HSV223.5°, 61.1%, 51.4%
LAB32.1, 10.6, -35.3
XYZ7.8, 7.1, 22.4
Decimal3361155
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
8.67:1
Text on #FFFFFF
AAA
2.42:1
Text on #000000
FAIL
8.29:1
Text on #F8FAFC
AAA
2.06:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #334983;
}
.text-color {
color: #334983;
}
.border-color {
border: 2px solid #334983;
}