Color Charts
RGB
CMYK
RYB
#84a6ac Hex Color CodeThe hexadecimal color code #84a6ac is a shade of cyan. In the RGB color model #84a6ac is comprised of 51.76% red, 65.1% green and 67.45% blue. In the HSL color space #84a6ac has a hue of 189 degrees, 19.42% saturation and 59.61% lightness. This color has an approximate wavelength of 501 nm.
#84a6ac Color InformationInverted
#7b5953 25% Saturated
#7fa9b1 Grayscale
#989898
25% Lighter
#b1c6ca Original
#84a6ac 25% Darker
#5b8188
cadetblue
#5f9ea0 25% Desaturated
#89a2a7 Web Safe: silver
#c0c0c0
rgb(132, 166, 172)
rgba(132, 166, 172, 1.0)
red: 51.7647%, yellow: 58.9719%, blue: 67.451%
#84a6ac
8693420
-8083796 / 0xff84a6ac
hsl(189, 19%, 60%)
hsla(189, 19%, 60%, 1.0)
hue: 189 (189), saturation: 23 (23.2558), value: 67 (67.451)
X: 30.5983, Y: 35.1565, Z: 44.2029
x: 0.2783, y: 0.3197, Y: 35.1565
L: 65.8703, a: -10.2086, b: -6.9346
L: 65.8703, u: -17.6407, v: -8.6843
L: 65.8703, C: 12.3412, H: 214.1879
L: 59.2929, a: -11.6471, b: -2.6957
cyan: 23 (0.2326), magenta: 3 (0.0349), yellow: 0 (0), key: 33 (0.3255)
cyan: 48 (0.4824), magenta: 35 (0.349), yellow: 33 (0.3255)
Y: 156.518, I: -22.1819, Q: -5.3227
Y: 156.518, U: 7.6201, V: -21.5101
Y: 156.518, Db: 23.298, Dr: 46.624
Y: 150.444, Cb: 135.666, Cr: 112.648
Y: 159.19, Pb: 6.91, Pr: -17.276
5BG 6/2 approximate; exact match: Munsell 5BG 6/2 / #82999d
#84a6ac / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#84a6ac to White#84a6ac to Black#84a6ac foreground
<p style="color: #84a6ac; background-color: #000">#84a6ac foreground</p>
#84a6ac background
<p style="background-color: #84a6ac">#84a6ac background</p>
#84a6ac border
<p style="border: #84a6ac 3px solid">#84a6ac border</p>
#84a6ac radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #84a6ac, #fff); background: -webkit-radial-gradient(50% 50%, #84a6ac, #fff); background: -o-radial-gradient(50% 50%, #84a6ac, #fff); background: -ms-radial-gradient(50% 50%, #84a6ac, #fff); background: radial-gradient(50% 50%, #84a6ac, #fff)">#84a6ac radial gradient</p>
#84a6ac linear gradient to complementary #ac8a84
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #84a6ac, #ac8a84); background: -webkit-linear-gradient(top, #84a6ac, #ac8a84); background: -o-linear-gradient(top, #84a6ac, #ac8a84); background: -ms-linear-gradient(top, #84a6ac, #ac8a84); background: linear-gradient(top, #84a6ac, #ac8a84); color: #000">#84a6ac linear gradient to complementary #ac8a84</p>
#84a6ac text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #84a6ac">#84a6ac text shadow</p>
The matching paint colors are listed in order of relevancy to the #84a6ac 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 #84a6ac.
Jump to paint brand: