#2a7083 hex color

In a RGB color space, hex #2a7083 is composed of 16.5% red, 43.9% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 14.5% magenta, 0% yellow and 48.6% black. It has a hue angle of 192.8 degrees, a saturation of 51.4% and a lightness of 33.9%. #2a7083 color hex could be obtained by blending #54e0ff with #000007. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 44
- B 51
RGB color chart
- C 68
- M 15
- Y 0
- K 49
CMYK color chart

● #2a7083 color description : Dark moderate cyan.

The hexadecimal color #2a7083 has RGB values of R:42, G:112, B:131 and CMYK values of C:0.68, M:0.15, Y:0, K:0.49. Its decimal value is 2781315.

Hex triplet	2a7083	`#2a7083`
RGB Decimal	42, 112, 131	`rgb(42,112,131)`
RGB Percent	16.5, 43.9, 51.4	`rgb(16.5%,43.9%,51.4%)`
CMYK	68, 15, 0, 49
HSL	192.8°, 51.4, 33.9	`hsl(192.8,51.4%,33.9%)`
HSV (or HSB)	192.8°, 67.9, 51.4
Web Safe	336699	`#336699`

CIE-LAB	43.826, -15.363, -16.901
XYZ	10.845, 13.718, 23.548
xyY	0.225, 0.285, 13.718
CIE-LCH	43.826, 22.839, 227.73
CIE-LUV	43.826, -26.683, -21.957
Hunter-Lab	37.038, -12.553, -11.768
Binary	00101010, 01110000, 10000011

#2a7083
```
#2a7083 rgb(42,112,131)
```
#833d2a
```
#833d2a rgb(131,61,42)
```

Complementary Color

#2a836a
```
#2a836a rgb(42,131,106)
```
#2a7083
```
#2a7083 rgb(42,112,131)
```
#2a4483
```
#2a4483 rgb(42,68,131)
```

Analogous Color

#836a2a
```
#836a2a rgb(131,106,42)
```
#2a7083
```
#2a7083 rgb(42,112,131)
```
#832a44
```
#832a44 rgb(131,42,68)
```

Split Complementary Color

#70832a
```
#70832a rgb(112,131,42)
```
#2a7083
```
#2a7083 rgb(42,112,131)
```
#832a70
```
#832a70 rgb(131,42,112)
```

Triadic Color

#2a833d
```
#2a833d rgb(42,131,61)
```
#2a7083
```
#2a7083 rgb(42,112,131)
```
#832a70
```
#832a70 rgb(131,42,112)
```
#833d2a
```
#833d2a rgb(131,61,42)
```

Tetradic Color

#173e49
```
#173e49 rgb(23,62,73)
```
#1e4f5c
```
#1e4f5c rgb(30,79,92)
```
#245f70
```
#245f70 rgb(36,95,112)
```
#2a7083
```
#2a7083 rgb(42,112,131)
```
#308196
```
#308196 rgb(48,129,150)
```
#3691aa
```
#3691aa rgb(54,145,170)
```
#3da2bd
```
#3da2bd rgb(61,162,189)
```

Monochromatic Color

Below, you can see some colors close to #2a7083. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#2a8380
```
#2a8380 rgb(42,131,128)
```
#2a7f83
```
#2a7f83 rgb(42,127,131)
```
#2a7783
```
#2a7783 rgb(42,119,131)
```
#2a7083
```
#2a7083 rgb(42,112,131)
```
#2a6983
```
#2a6983 rgb(42,105,131)
```
#2a6183
```
#2a6183 rgb(42,97,131)
```
#2a5a83
```
#2a5a83 rgb(42,90,131)
```

Similar Colors

Text with hexadecimal color #2a7083

This text has a font color of #2a7083.

<span style="color:#2a7083;">Text here</span>

#2a7083 background color

This paragraph has a background color of #2a7083.

<p style="background-color:#2a7083;">Content here</p>

#2a7083 border color

This element has a border color of #2a7083.

<div style="border:1px solid #2a7083;">Content here</div>

CSS codes

.text {color:#2a7083;}

.background {background-color:#2a7083;}

.border {border:1px solid #2a7083;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #040a0c is the darkest color, while #fcfefe is the lightest one.

#040a0c
```
#040a0c rgb(4,10,12)
```
#09171b
```
#09171b rgb(9,23,27)
```
#0d242a
```
#0d242a rgb(13,36,42)
```
#123139
```
#123139 rgb(18,49,57)
```
#173d48
```
#173d48 rgb(23,61,72)
```
#1c4a56
```
#1c4a56 rgb(28,74,86)
```
#205765
```
#205765 rgb(32,87,101)
```
#256374
```
#256374 rgb(37,99,116)
```
#2a7083
```
#2a7083 rgb(42,112,131)
```
#2f7d92
```
#2f7d92 rgb(47,125,146)
```
#3489a1
```
#3489a1 rgb(52,137,161)
```
#3896b0
```
#3896b0 rgb(56,150,176)
```
#3da3be
```
#3da3be rgb(61,163,190)
```

Shade Color Variation

#4aabc5
```
#4aabc5 rgb(74,171,197)
```
#59b2ca
```
#59b2ca rgb(89,178,202)
```
#68b9cf
```
#68b9cf rgb(104,185,207)
```
#77c0d3
```
#77c0d3 rgb(119,192,211)
```
#85c6d8
```
#85c6d8 rgb(133,198,216)
```
#94cddd
```
#94cddd rgb(148,205,221)
```
#a3d4e2
```
#a3d4e2 rgb(163,212,226)
```
#b2dbe6
```
#b2dbe6 rgb(178,219,230)
```
#c1e2eb
```
#c1e2eb rgb(193,226,235)
```
#d0e9f0
```
#d0e9f0 rgb(208,233,240)
```
#dff0f5
```
#dff0f5 rgb(223,240,245)
```
#edf7f9
```
#edf7f9 rgb(237,247,249)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #52595b is the less saturated color, while #0287ab is the most saturated one.

#52595b
```
#52595b rgb(82,89,91)
```
#4b5d62
```
#4b5d62 rgb(75,93,98)
```
#456168
```
#456168 rgb(69,97,104)
```
#3e656f
```
#3e656f rgb(62,101,111)
```
#376876
```
#376876 rgb(55,104,118)
```
#316c7c
```
#316c7c rgb(49,108,124)
```
#2a7083
```
#2a7083 rgb(42,112,131)
```
#23748a
```
#23748a rgb(35,116,138)
```
#1d7890
```
#1d7890 rgb(29,120,144)
```
#167b97
```
#167b97 rgb(22,123,151)
```
#0f7f9e
```
#0f7f9e rgb(15,127,158)
```
#0983a4
```
#0983a4 rgb(9,131,164)
```
#0287ab
```
#0287ab rgb(2,135,171)
```

Tone Color Variation

Below, you can see how #2a7083 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#5d5d5d Achromatopsia 0.005% of the population
#536165 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6e83 Protanopia 1% of men
#686d8d Deuteranopia 1% of men
#2f7881 Tritanopia 0.001% of the population

Trichromacy

#536f83 Protanomaly 1% of men, 0.01% of women
#526e89 Deuteranomaly 6% of men, 0.4% of women
#2d7582 Tritanomaly 0.01% of the population

#2a7083 hex color

#2a7083 Color Information

#2a7083 Color Conversion

Color Schemes with #2a7083

Alternatives to #2a7083

#2a7083 Preview

Shades and Tints of #2a7083

Tones of #2a7083

Color Blindness Simulator