Color Charts
RGB
CMYK
RYB
#273a7e Hex Color CodeThe hexadecimal color code #273a7e is a medium dark shade of blue. In the RGB color model #273a7e is comprised of 15.29% red, 22.75% green and 49.41% blue. In the HSL color space #273a7e has a hue of 226.9 degrees, 52.73% saturation and 32.35% lightness. This color has an approximate wavelength of 477 nm.
#273a7e Color InformationInverted
#d8c581 25% Saturated
#1c3388 Grayscale
#525252
25% Lighter
#30489d Original
#273a7e 25% Darker
#1d2b5e
darkslateblue
#483d8b 25% Desaturated
#314073 Web Safe: blue
#0000ff
rgb(39, 58, 126)
rgba(39, 58, 126, 1.0)
red: 15.2941%, yellow: 21.4095%, blue: 49.4118%
#273a7e
2570878
-14206338 / 0xff273a7e
hsl(227, 53%, 32%)
hsla(227, 53%, 32%, 1.0)
hue: 227 (226.8966), saturation: 69 (69.0476), value: 49 (49.4118)
X: 6.1157, Y: 4.9638, Z: 20.3744
x: 0.1944, y: 0.1578, Y: 4.9638
L: 26.6314, a: 16.6011, b: -40.8921
L: 26.6314, u: -8.7239, v: -52.9886
L: 26.6314, C: 44.1334, H: 292.0958
L: 22.2796, a: 10.0082, b: -38.6243
cyan: 69 (0.6905), magenta: 54 (0.5397), yellow: 0 (0), key: 51 (0.5059)
cyan: 85 (0.8471), magenta: 77 (0.7725), yellow: 51 (0.5059)
Y: 60.071, I: -33.1645, Q: 17.1395
Y: 60.071, U: 32.4441, V: -18.4857
Y: 60.071, Db: 99.194, Dr: 40.083
Y: 67.603, Cb: 160.664, Cr: 114.831
Y: 58.849, Pb: 36.185, Pr: -12.628
7.5PB 3/8 approximate; exact match: Munsell 7.5PB 3/8 / #3c4283
#273a7e / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#273a7e to White#273a7e to Black#273a7e foreground
<p style="color: #273a7e">#273a7e foreground</p>
#273a7e background
<p style="background-color: #273a7e; color: #fff">#273a7e background</p>
#273a7e border
<p style="border: #273a7e 3px solid">#273a7e border</p>
#273a7e radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #273a7e, #fff); background: -webkit-radial-gradient(50% 50%, #273a7e, #fff); background: -o-radial-gradient(50% 50%, #273a7e, #fff); background: -ms-radial-gradient(50% 50%, #273a7e, #fff); background: radial-gradient(50% 50%, #273a7e, #fff); color: #fff">#273a7e radial gradient</p>
#273a7e linear gradient to complementary #7d6a26
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #273a7e, #7d6a26); background: -webkit-linear-gradient(top, #273a7e, #7d6a26); background: -o-linear-gradient(top, #273a7e, #7d6a26); background: -ms-linear-gradient(top, #273a7e, #7d6a26); background: linear-gradient(top, #273a7e, #7d6a26); color: #fff">#273a7e linear gradient to complementary #7d6a26</p>
#273a7e text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #273a7e">#273a7e text shadow</p>
The matching paint colors are listed in order of relevancy to the #273a7e 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 #273a7e.
Jump to paint brand: