#3A66D3
A medium, moderate blue closely aligning with Royalblue.
About #3A66D3
At its core, #3A66D3 is a medium and moderate hue. If you're using CSS, you might find it aligns closely with Royalblue. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 102, and 211.
When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 73% C, 52% M, 0% Y, and 17% K. Always request a physical proof before doing a large print run with this exact code.
Ensuring your text is legible against this background is a key part of web design. Because it is a medium 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#3A66D3
RGB58, 102, 211
HSL222.7°, 63.5%, 52.7%
CMYK73%, 52%, 0%, 17%
HSV222.7°, 72.5%, 82.7%
LAB45.8, 22.2, -60.7
XYZ18.3, 15.1, 63.6
Decimal3827411
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
5.22:1
Text on #FFFFFF
AA
4.02:1
Text on #000000
AA Large
4.99:1
Text on #F8FAFC
AA
3.42:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #3A66D3;
}
.text-color {
color: #3A66D3;
}
.border-color {
border: 2px solid #3A66D3;
}