#3383B6
A medium, moderate blue closely aligning with Steelblue.
About #3383B6
Visually, #3383B6 is defined as a moderate blue. Its closest recognized web color is Steelblue. To achieve this exact tint on a monitor, you would use an RGB mix of 51, 131, and 182.
If you are designing for print, the four-color process is what matters most. The color uses 72% Cyan, 28% Magenta, 0% Yellow, and 29% Black. This makes it a relatively light color when applied to physical surfaces.
From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #000000 typography is the safest choice. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#3383B6
RGB51, 131, 182
HSL203.4°, 56.2%, 45.7%
CMYK72%, 28%, 0%, 29%
HSV203.4°, 72.0%, 71.4%
LAB52.2, -7.2, -33.8
XYZ17.9, 20.3, 47.2
Decimal3376054
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
4.15:1
Text on #FFFFFF
AA Large
5.06:1
Text on #000000
AA
3.96:1
Text on #F8FAFC
AA Large
4.30:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #3383B6;
}
.text-color {
color: #3383B6;
}
.border-color {
border: 2px solid #3383B6;
}