#2a7085 hex color

In a RGB color space, hex #2a7085 is composed of 16.5% red, 43.9% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 68.4% cyan, 15.8% magenta, 0% yellow and 47.8% black. It has a hue angle of 193.8 degrees, a saturation of 52% and a lightness of 34.3%. #2a7085 color hex could be obtained by blending #54e0ff with #00000b. Closest websafe color is: #336699.

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

● #2a7085 color description : Dark moderate cyan.

The hexadecimal color #2a7085 has RGB values of R:42, G:112, B:133 and CMYK values of C:0.68, M:0.16, Y:0, K:0.48. Its decimal value is 2781317.

Hex triplet	2a7085	`#2a7085`
RGB Decimal	42, 112, 133	`rgb(42,112,133)`
RGB Percent	16.5, 43.9, 52.2	`rgb(16.5%,43.9%,52.2%)`
CMYK	68, 16, 0, 48
HSL	193.8°, 52, 34.3	`hsl(193.8,52%,34.3%)`
HSV (or HSB)	193.8°, 68.4, 52.2
Web Safe	336699	`#336699`

CIE-LAB	43.906, -14.689, -17.976
XYZ	10.982, 13.773, 24.269
xyY	0.224, 0.281, 13.773
CIE-LCH	43.906, 23.215, 230.747
CIE-LUV	43.906, -26.582, -23.665
Hunter-Lab	37.112, -12.128, -12.793
Binary	00101010, 01110000, 10000101

#2a7085
```
#2a7085 rgb(42,112,133)
```
#853f2a
```
#853f2a rgb(133,63,42)
```

Complementary Color

#2a856d
```
#2a856d rgb(42,133,109)
```
#2a7085
```
#2a7085 rgb(42,112,133)
```
#2a4385
```
#2a4385 rgb(42,67,133)
```

Analogous Color

#856d2a
```
#856d2a rgb(133,109,42)
```
#2a7085
```
#2a7085 rgb(42,112,133)
```
#852a43
```
#852a43 rgb(133,42,67)
```

Split Complementary Color

#70852a
```
#70852a rgb(112,133,42)
```
#2a7085
```
#2a7085 rgb(42,112,133)
```
#852a70
```
#852a70 rgb(133,42,112)
```

Triadic Color

#2a853f
```
#2a853f rgb(42,133,63)
```
#2a7085
```
#2a7085 rgb(42,112,133)
```
#852a70
```
#852a70 rgb(133,42,112)
```
#853f2a
```
#853f2a rgb(133,63,42)
```

Tetradic Color

#183f4b
```
#183f4b rgb(24,63,75)
```
#1e4f5e
```
#1e4f5e rgb(30,79,94)
```
#246072
```
#246072 rgb(36,96,114)
```
#2a7085
```
#2a7085 rgb(42,112,133)
```
#308098
```
#308098 rgb(48,128,152)
```
#3691ac
```
#3691ac rgb(54,145,172)
```
#3ca1bf
```
#3ca1bf rgb(60,161,191)
```

Monochromatic Color

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

#2a8583
```
#2a8583 rgb(42,133,131)
```
#2a7f85
```
#2a7f85 rgb(42,127,133)
```
#2a7885
```
#2a7885 rgb(42,120,133)
```
#2a7085
```
#2a7085 rgb(42,112,133)
```
#2a6885
```
#2a6885 rgb(42,104,133)
```
#2a6185
```
#2a6185 rgb(42,97,133)
```
#2a5985
```
#2a5985 rgb(42,89,133)
```

Similar Colors

Text with hexadecimal color #2a7085

This text has a font color of #2a7085.

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

#2a7085 background color

This paragraph has a background color of #2a7085.

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

#2a7085 border color

This element has a border color of #2a7085.

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

CSS codes

.text {color:#2a7085;}

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

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

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, #040c0e is the darkest color, while #fefeff is the lightest one.

#040c0e
```
#040c0e rgb(4,12,14)
```
#09181d
```
#09181d rgb(9,24,29)
```
#0e252c
```
#0e252c rgb(14,37,44)
```
#12313a
```
#12313a rgb(18,49,58)
```
#173e49
```
#173e49 rgb(23,62,73)
```
#1c4a58
```
#1c4a58 rgb(28,74,88)
```
#215767
```
#215767 rgb(33,87,103)
```
#256376
```
#256376 rgb(37,99,118)
```
#2a7085
```
#2a7085 rgb(42,112,133)
```
#2f7d94
```
#2f7d94 rgb(47,125,148)
```
#3389a3
```
#3389a3 rgb(51,137,163)
```
#3896b2
```
#3896b2 rgb(56,150,178)
```
#3da2c1
```
#3da2c1 rgb(61,162,193)
```

Shade Color Variation

#4baac6
```
#4baac6 rgb(75,170,198)
```
#5ab1cb
```
#5ab1cb rgb(90,177,203)
```
#69b8d0
```
#69b8d0 rgb(105,184,208)
```
#78bfd4
```
#78bfd4 rgb(120,191,212)
```
#87c6d9
```
#87c6d9 rgb(135,198,217)
```
#95cdde
```
#95cdde rgb(149,205,222)
```
#a4d4e2
```
#a4d4e2 rgb(164,212,226)
```
#b3dbe7
```
#b3dbe7 rgb(179,219,231)
```
#c2e2ec
```
#c2e2ec rgb(194,226,236)
```
#d1e9f1
```
#d1e9f1 rgb(209,233,241)
```
#e0f0f5
```
#e0f0f5 rgb(224,240,245)
```
#eff7fa
```
#eff7fa rgb(239,247,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #525a5d is the less saturated color, while #0286ad is the most saturated one.

#525a5d
```
#525a5d rgb(82,90,93)
```
#4c5e63
```
#4c5e63 rgb(76,94,99)
```
#45626a
```
#45626a rgb(69,98,106)
```
#3e6571
```
#3e6571 rgb(62,101,113)
```
#376978
```
#376978 rgb(55,105,120)
```
#316c7e
```
#316c7e rgb(49,108,126)
```
#2a7085
```
#2a7085 rgb(42,112,133)
```
#23748c
```
#23748c rgb(35,116,140)
```
#1d7792
```
#1d7792 rgb(29,119,146)
```
#167b99
```
#167b99 rgb(22,123,153)
```
#0f7ea0
```
#0f7ea0 rgb(15,126,160)
```
#0882a7
```
#0882a7 rgb(8,130,167)
```
#0286ad
```
#0286ad rgb(2,134,173)
```

Tone Color Variation

Below, you can see how #2a7085 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

#6a6e85 Protanopia 1% of men
#676d8e Deuteranopia 1% of men
#2e7982 Tritanopia 0.001% of the population

Trichromacy

#526f85 Protanomaly 1% of men, 0.01% of women
#516e8b Deuteranomaly 6% of men, 0.4% of women
#2c7583 Tritanomaly 0.01% of the population

#2a7085 hex color

#2a7085 Color Information

#2a7085 Color Conversion

Color Schemes with #2a7085

Alternatives to #2a7085

#2a7085 Preview

Shades and Tints of #2a7085

Tones of #2a7085

Color Blindness Simulator