#57C5E2
A light, vivid cyan closely aligning with Skyblue.
About #57C5E2
Visually, #57C5E2 is defined as a vivid cyan. If you're using CSS, you might find it aligns closely with Skyblue. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 197, and 226.
Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 62% cyan, 13% magenta, 0% yellow, and 11% black. The HSL representation is 192.5° hue, 70.6% saturation, and 61.4% lightness.
From a UX and accessibility standpoint, contrast is paramount. Because it is a light 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#57C5E2
RGB87, 197, 226
HSL192.5°, 70.6%, 61.4%
CMYK62%, 13%, 0%, 11%
HSV192.5°, 61.5%, 88.6%
LAB74.5, -22.9, -23.8
XYZ37.6, 47.4, 79.1
Decimal5752290
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
2.00:1
Text on #FFFFFF
FAIL
10.49:1
Text on #000000
AAA
1.91:1
Text on #F8FAFC
FAIL
8.92:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #57C5E2;
}
.text-color {
color: #57C5E2;
}
.border-color {
border: 2px solid #57C5E2;
}