#2A697D Color Information


In the RGB color space, #2A697D is composed of 16.4706% red, 41.1765% green, and 49.0196% blue.

In the CMYK color space, #2A697D is composed of 66.4% cyan, 15.99% magenta, 0% yellow, and 50.98% black,

It has a hue angle of 194.5 degrees, a saturation of 49.7%, and a lightness of 32.75%.

The closest websafe color is #336666.

#2A697D RGB Values

#2A697D CMYK Values



#2A697D Color Conversion


The hexadecimal color #2A697D has RGB values of R:42, G:105, B:125 and CMYK values of C:66.4, M:15.99, Y:0, K:50.98. It has a decimal value of 2779517.


Hexadecimal #2A697D #2A697D
RGB Decimal 42, 105, 125 rgb(42, 105, 125)
RGB Percent 16.4706, 41.1765, 49.0196 rgb(16.4706%, 41.1765%, 49.0196%)
RGB Proportion 0.1647, 0.4118, 0.4902 rgb(0.1647, 0.4118, 0.4902)
CMYK 66.4, 15.99, 0, 50.98
HSL 194.5ยบ, 49.7, 32.75 hsl(194.5, 49.7%, 32.75%)
Websafe 336666 #336666
XYZ 9.709, 12.078, 21.222
Yxy 12.078, 0.226, 0.281
CIE-LAB 41.34, -13.424, -17.097
CIE-LCH 41.34, 21.737, 231.862
CIE-LUV 41.34, -24.329, -22.191
Hunter-Lab 34.753, -10.951, -11.878

Color Schemes For #2A697D


Colors that go well with #2A697D.

Monochromatic
Triadic Colors
Split Complementary Color
Complementary Color
Analogous Colors
Tetradic Colors

Alternatives to #2A697D


Colors similar to #2A697D.


#2A697D Preview


Common HTML and CSS shortcodes for #2A697D.

Text with color #2A697D


The quick brown fox jumps over the lazy dog.

<div style="color: #2A697D;">The quick brown fox jumps over the lazy dog.</div>

#2A697D as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #2A697D;">The quick brown fox jumps over the lazy dog.</div>

Border with #2A697D


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #2A697D;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #2A697D


Linear gradient from #2A697D to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#2A697D, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #2A697D


Radial gradient from #2A697D to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#2A697D, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #2A697D and its Complementary Color


Linear gradient from #2A697D to #D59682.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#2A697D, #D59682);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #2A697D and its Complementary Color


Radial gradient from #2A697D to #D59682.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#2A697D, #D59682);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #2A697D; } .background { background-color: #2A697D; } .border { border: 1px solid #2A697D; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #2A697D


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #000202 while the lightest tint is #FBFCFD.

Shades


Tints

Random Colors