#457a88
Hex Color CodeThe hexadecimal color code #457a88
is a shade of cyan. In the RGB color model #457a88
is comprised of 27.06% red, 47.84% green and 53.33% blue. In the HSL color space #457a88
has a hue of 192.54 degrees, 32.68% saturation and 40.2% lightness. This color has an approximate wavelength of 499 nm. 1829 Cupboard Blue is a matching paint color.
#457a88
Color InformationInverted
#ba8577 25% Saturated
#3c7e90 Grayscale
#666666
rgb(69, 122, 136)
rgba(69, 122, 136, 1.0)
red: 27.0588%, yellow: 38.6634%, blue: 53.3333%
#457a88
4553352
-12223864 / 0xff457a88
hsl(193, 33%, 40%)
hsla(193, 33%, 40%, 1.0)
hue: 193 (192.5373), saturation: 49 (49.2647), value: 53 (53.3333)
X: 13.8577, Y: 16.9618, Z: 25.8361
x: 0.2446, y: 0.2994, Y: 16.9618
L: 48.2119, a: -13.6149, b: -13.1084
L: 48.2119, u: -23.5281, v: -16.8404
L: 48.2119, C: 18.8996, H: 223.9142
L: 41.1848, a: -12.0123, b: -8.3646
cyan: 49 (0.4926), magenta: 10 (0.1029), yellow: 0 (0), key: 47 (0.4667)
cyan: 73 (0.7294), magenta: 52 (0.5216), yellow: 47 (0.4667)
Y: 107.749, I: -36.0706, Q: -6.8513
Y: 107.749, U: 13.9031, V: -33.9951
Y: 107.749, Db: 42.512, Dr: 73.687
Y: 108.549, Cb: 141.99, Cr: 103.739
Y: 111.719, Pb: 13.095, Pr: -27.144
10BG 5/4 approximate; exact match: Munsell 10BG 5/4 / #50828e
#457a88
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#457a88
to White#457a88
to Black#457a88
foreground
<p style="color: #457a88">#457a88 foreground</p>
#457a88
background
<p style="background-color: #457a88; color: #fff">#457a88 background</p>
#457a88
border
<p style="border: #457a88 3px solid">#457a88 border</p>
#457a88
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #457a88, #fff); background: -webkit-radial-gradient(50% 50%, #457a88, #fff); background: -o-radial-gradient(50% 50%, #457a88, #fff); background: -ms-radial-gradient(50% 50%, #457a88, #fff); background: radial-gradient(50% 50%, #457a88, #fff); color: #fff">#457a88 radial gradient</p>
#457a88
linear gradient to complementary #885345
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #457a88, #885345); background: -webkit-linear-gradient(top, #457a88, #885345); background: -o-linear-gradient(top, #457a88, #885345); background: -ms-linear-gradient(top, #457a88, #885345); background: linear-gradient(top, #457a88, #885345); color: #fff">
#457a88
linear gradient to complementary #885345
</p>
#457a88
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #457a88">#457a88 text shadow</p>
The matching paint colors are listed in order of relevancy to the #457a88
hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #457a88
.
Jump to paint brand: