#5766C5
A medium, moderate blue closely aligning with Royalblue.
About #5766C5
Visually, #5766C5 is defined as a moderate blue. Its closest recognized web color is Royalblue. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 102, and 197.
Translating this color to physical media requires the CMYK color model. The color uses 56% Cyan, 48% Magenta, 0% Yellow, and 23% Black. This makes it a relatively light color when applied to physical surfaces.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.
Color Space Conversions
HEX#5766C5
RGB87, 102, 197
HSL231.8°, 48.7%, 55.7%
CMYK56%, 48%, 0%, 23%
HSV231.8°, 55.8%, 77.3%
LAB46.4, 22.2, -51.6
XYZ18.8, 15.6, 54.8
Decimal5727941
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
5.11:1
Text on #FFFFFF
AA
4.11:1
Text on #000000
AA Large
4.88:1
Text on #F8FAFC
AA
3.50:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #5766C5;
}
.text-color {
color: #5766C5;
}
.border-color {
border: 2px solid #5766C5;
}