Color Charts
RGB
CMYK
RYB
#2a9cd7 Hex Color CodeThe hexadecimal color code #2a9cd7 is a shade of cyan-blue. In the RGB color model #2a9cd7 is comprised of 16.47% red, 61.18% green and 84.31% blue. In the HSL color space #2a9cd7 has a hue of 200.46 degrees, 68.38% saturation and 50.39% lightness. This color has an approximate wavelength of 494 nm. Opaltone / OMS 6487 is a matching paint color.
#2a9cd7 Color InformationInverted
#d56328 25% Saturated
#14a2ec Grayscale
#808080
25% Lighter
#60b5e1 Original
#2a9cd7 25% Darker
#1e75a2
steelblue
#4682b4 25% Desaturated
#3f95c1 Web Safe: teal
#008080
rgb(42, 156, 215)
rgba(42, 156, 215, 1.0)
red: 16.4706%, yellow: 43.4187%, blue: 84.3137%
#2a9cd7
2792663
-13984553 / 0xff2a9cd7
hsl(200, 68%, 50%)
hsla(200, 68%, 50%, 1.0)
hue: 200 (200.4624), saturation: 80 (80.4651), value: 84 (84.3137)
X: 25.1091, Y: 29.1755, Z: 68.598
x: 0.2043, y: 0.2374, Y: 29.1755
L: 60.9362, a: -10.7971, b: -38.8052
L: 60.9362, u: -37.7125, v: -59.863
L: 60.9362, C: 40.2793, H: 254.4514
L: 54.0143, a: -11.5477, b: -37.4881
cyan: 80 (0.8047), magenta: 27 (0.2744), yellow: 0 (0), key: 16 (0.1569)
cyan: 84 (0.8353), magenta: 39 (0.3882), yellow: 16 (0.1569)
Y: 128.64, I: -86.8661, Q: -5.749
Y: 128.64, U: 42.4984, V: -76.0106
Y: 128.64, Db: 129.947, Dr: 164.765
Y: 126.488, Cb: 170.773, Cr: 73.765
Y: 135.966, Pb: 42.61, Pr: -59.714
10B 6/10 approximate; exact match: Munsell 10B 6/10 / #1f9ddf
#2a9cd7 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#2a9cd7 to White#2a9cd7 to Black#2a9cd7 foreground
<p style="color: #2a9cd7; background-color: #000">#2a9cd7 foreground</p>
#2a9cd7 background
<p style="background-color: #2a9cd7">#2a9cd7 background</p>
#2a9cd7 border
<p style="border: #2a9cd7 3px solid">#2a9cd7 border</p>
#2a9cd7 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #2a9cd7, #fff); background: -webkit-radial-gradient(50% 50%, #2a9cd7, #fff); background: -o-radial-gradient(50% 50%, #2a9cd7, #fff); background: -ms-radial-gradient(50% 50%, #2a9cd7, #fff); background: radial-gradient(50% 50%, #2a9cd7, #fff)">#2a9cd7 radial gradient</p>
#2a9cd7 linear gradient to complementary #d6652a
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #2a9cd7, #d6652a); background: -webkit-linear-gradient(top, #2a9cd7, #d6652a); background: -o-linear-gradient(top, #2a9cd7, #d6652a); background: -ms-linear-gradient(top, #2a9cd7, #d6652a); background: linear-gradient(top, #2a9cd7, #d6652a); color: #000">#2a9cd7 linear gradient to complementary #d6652a</p>
#2a9cd7 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #2a9cd7">#2a9cd7 text shadow</p>
The matching paint colors are listed in order of relevancy to the #2a9cd7 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 #2a9cd7.
Jump to paint brand: