#577CC5
A medium, moderate blue closely aligning with Cornflowerblue.
About #577CC5
The precise color #577CC5 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Cornflowerblue. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 124, and 197.
Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 56% C, 37% M, 0% Y, and 23% K. With a hue angle of 219.8 degrees, it sits comfortably in the blue spectrum.
When using this color as a background, text legibility must be considered. Because it is a medium color, it is generally recommended to use #000000 text. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#577CC5
RGB87, 124, 197
HSL219.8°, 48.7%, 55.7%
CMYK56%, 37%, 0%, 23%
HSV219.8°, 55.8%, 77.3%
LAB52.4, 8.6, -42.0
XYZ21.2, 20.5, 55.7
Decimal5733573
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
4.12:1
Text on #FFFFFF
AA Large
5.09:1
Text on #000000
AA
3.94:1
Text on #F8FAFC
AA Large
4.33:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #577CC5;
}
.text-color {
color: #577CC5;
}
.border-color {
border: 2px solid #577CC5;
}