#33A0CC
A medium, moderate blue closely aligning with Steelblue.
About #33A0CC
Visually, #33A0CC is defined as a moderate blue. Designers often compare it to the standard color Steelblue. To achieve this exact tint on a monitor, you would use an RGB mix of 51, 160, and 204.
If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 75% cyan, 22% magenta, 0% yellow, and 20% black. This makes it a relatively light color when applied to physical surfaces.
When using this color as a background, text legibility must be considered. The calculated luminance score dictates that #000000 typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#33A0CC
RGB51, 160, 204
HSL197.3°, 60.0%, 50.0%
CMYK75%, 22%, 0%, 20%
HSV197.3°, 75.0%, 80.0%
LAB61.8, -15.8, -31.3
XYZ24.8, 30.2, 61.6
Decimal3383500
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
2.98:1
Text on #FFFFFF
FAIL
7.04:1
Text on #000000
AAA
2.85:1
Text on #F8FAFC
FAIL
5.99:1
Text on #0F172A
AA
CSS Implementation
.bg-color {
background-color: #33A0CC;
}
.text-color {
color: #33A0CC;
}
.border-color {
border: 2px solid #33A0CC;
}