#333A7C
A dark, moderate blue closely aligning with Darkslateblue.
About #333A7C
When working with digital screens, the color #333A7C is rendered by mixing light. Its closest recognized web color is Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 51, 58, and 124.
For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 59% C, 53% M, 0% Y, and 51% K. This makes it a relatively dark color when applied to physical surfaces.
Ensuring your text is legible against this background is a key part of web design. Because it is a dark color, it is generally recommended to use #FFFFFF text. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#333A7C
RGB51, 58, 124
HSL234.2°, 41.7%, 34.3%
CMYK59%, 53%, 0%, 51%
HSV234.2°, 58.9%, 48.6%
LAB27.3, 18.2, -38.6
XYZ6.5, 5.2, 19.7
Decimal3357308
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
10.31:1
Text on #FFFFFF
AAA
2.04:1
Text on #000000
FAIL
9.85:1
Text on #F8FAFC
AAA
1.73:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #333A7C;
}
.text-color {
color: #333A7C;
}
.border-color {
border: 2px solid #333A7C;
}