#2a6573
Hex Color CodeThe hexadecimal color code #2a6573
is a medium dark shade of cyan. In the RGB color model #2a6573
is comprised of 16.47% red, 39.61% green and 45.1% blue. In the HSL color space #2a6573
has a hue of 191.51 degrees, 46.5% saturation and 30.78% lightness. This color has an approximate wavelength of 499 nm.
#2a6573
Color InformationInverted
#d59a8c 25% Saturated
#206a7c Grayscale
#4e4e4e
25% Lighter
#347e8f Original
#2a6573 25% Darker
#1f4b56
darkslategray / darkslategrey
#2f4f4f 25% Desaturated
#335f69 Web Safe: teal
#008080
rgb(42, 101, 115)
rgba(42, 101, 115, 1.0)
red: 16.4706%, yellow: 29.2662%, blue: 45.098%
#2a6573
2778483
-13998733 / 0xff2a6573
hsl(192, 46%, 31%)
hsla(192, 46%, 31%, 1.0)
hue: 192 (191.5068), saturation: 63 (63.4783), value: 45 (45.098)
X: 8.703, Y: 11.0374, Z: 17.8914
x: 0.2313, y: 0.2933, Y: 11.0374
L: 39.6434, a: -14.4802, b: -13.6078
L: 39.6434, u: -23.25, v: -16.7655
L: 39.6434, C: 19.8708, H: 223.221
L: 33.2226, a: -11.3794, b: -8.6737
cyan: 63 (0.6348), magenta: 12 (0.1217), yellow: 0 (0), key: 55 (0.549)
cyan: 84 (0.8353), magenta: 60 (0.6039), yellow: 55 (0.549)
Y: 84.955, I: -39.6449, Q: -8.12
Y: 84.955, U: 14.7857, V: -37.6851
Y: 84.955, Db: 45.212, Dr: 81.685
Y: 88.968, Cb: 142.878, Cr: 101.105
Y: 89.441, Pb: 13.785, Pr: -30.144
10BG 4/4 approximate; exact match: Munsell 10BG 4/4 / #336874
#2a6573
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#2a6573
to White#2a6573
to Black#2a6573
foreground
<p style="color: #2a6573">#2a6573 foreground</p>
#2a6573
background
<p style="background-color: #2a6573; color: #fff">#2a6573 background</p>
#2a6573
border
<p style="border: #2a6573 3px solid">#2a6573 border</p>
#2a6573
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #2a6573, #fff); background: -webkit-radial-gradient(50% 50%, #2a6573, #fff); background: -o-radial-gradient(50% 50%, #2a6573, #fff); background: -ms-radial-gradient(50% 50%, #2a6573, #fff); background: radial-gradient(50% 50%, #2a6573, #fff); color: #fff">#2a6573 radial gradient</p>
#2a6573
linear gradient to complementary #73382a
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #2a6573, #73382a); background: -webkit-linear-gradient(top, #2a6573, #73382a); background: -o-linear-gradient(top, #2a6573, #73382a); background: -ms-linear-gradient(top, #2a6573, #73382a); background: linear-gradient(top, #2a6573, #73382a); color: #fff">
#2a6573
linear gradient to complementary #73382a
</p>
#2a6573
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #2a6573">#2a6573 text shadow</p>
The matching paint colors are listed in order of relevancy to the #2a6573
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 #2a6573
.
Jump to paint brand: