#2a7880 hex color

In a RGB color space, hex #2a7880 is composed of 16.5% red, 47.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 6.3% magenta, 0% yellow and 49.8% black. It has a hue angle of 185.6 degrees, a saturation of 50.6% and a lightness of 33.3%. #2a7880 color hex could be obtained by blending #54f0ff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 47
- B 50
RGB color chart
- C 67
- M 6
- Y 0
- K 50
CMYK color chart

● #2a7880 color description : Dark moderate cyan.

The hexadecimal color #2a7880 has RGB values of R:42, G:120, B:128 and CMYK values of C:0.67, M:0.06, Y:0, K:0.5. Its decimal value is 2783360.

Hex triplet	2a7880	`#2a7880`
RGB Decimal	42, 120, 128	`rgb(42,120,128)`
RGB Percent	16.5, 47.1, 50.2	`rgb(16.5%,47.1%,50.2%)`
CMYK	67, 6, 0, 50
HSL	185.6°, 50.6, 33.3	`hsl(185.6,50.6%,33.3%)`
HSV (or HSB)	185.6°, 67.2, 50.2
Web Safe	336699	`#336699`

CIE-LAB	46.288, -20.709, -11.371
XYZ	11.566, 15.483, 22.8
xyY	0.232, 0.311, 15.483
CIE-LCH	46.288, 23.626, 208.77
CIE-LUV	46.288, -29.877, -13.247
Hunter-Lab	39.348, -16.389, -6.811
Binary	00101010, 01111000, 10000000

#2a7880
```
#2a7880 rgb(42,120,128)
```
#80322a
```
#80322a rgb(128,50,42)
```

Complementary Color

#2a805d
```
#2a805d rgb(42,128,93)
```
#2a7880
```
#2a7880 rgb(42,120,128)
```
#2a4d80
```
#2a4d80 rgb(42,77,128)
```

Analogous Color

#805d2a
```
#805d2a rgb(128,93,42)
```
#2a7880
```
#2a7880 rgb(42,120,128)
```
#802a4d
```
#802a4d rgb(128,42,77)
```

Split Complementary Color

#78802a
```
#78802a rgb(120,128,42)
```
#2a7880
```
#2a7880 rgb(42,120,128)
```
#802a78
```
#802a78 rgb(128,42,120)
```

Triadic Color

#2a8032
```
#2a8032 rgb(42,128,50)
```
#2a7880
```
#2a7880 rgb(42,120,128)
```
#802a78
```
#802a78 rgb(128,42,120)
```
#80322a
```
#80322a rgb(128,50,42)
```

Tetradic Color

#174246
```
#174246 rgb(23,66,70)
```
#1d545a
```
#1d545a rgb(29,84,90)
```
#24666d
```
#24666d rgb(36,102,109)
```
#2a7880
```
#2a7880 rgb(42,120,128)
```
#308a93
```
#308a93 rgb(48,138,147)
```
#379ca6
```
#379ca6 rgb(55,156,166)
```
#3daeba
```
#3daeba rgb(61,174,186)
```

Monochromatic Color

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

#2a8073
```
#2a8073 rgb(42,128,115)
```
#2a807a
```
#2a807a rgb(42,128,122)
```
#2a7f80
```
#2a7f80 rgb(42,127,128)
```
#2a7880
```
#2a7880 rgb(42,120,128)
```
#2a7180
```
#2a7180 rgb(42,113,128)
```
#2a6a80
```
#2a6a80 rgb(42,106,128)
```
#2a6380
```
#2a6380 rgb(42,99,128)
```

Similar Colors

Text with hexadecimal color #2a7880

This text has a font color of #2a7880.

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

#2a7880 background color

This paragraph has a background color of #2a7880.

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

#2a7880 border color

This element has a border color of #2a7880.

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

CSS codes

.text {color:#2a7880;}

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

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

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, #03090a is the darkest color, while #fafdfd is the lightest one.

#03090a
```
#03090a rgb(3,9,10)
```
#081719
```
#081719 rgb(8,23,25)
```
#0d2527
```
#0d2527 rgb(13,37,39)
```
#123336
```
#123336 rgb(18,51,54)
```
#174145
```
#174145 rgb(23,65,69)
```
#1b4e54
```
#1b4e54 rgb(27,78,84)
```
#205c62
```
#205c62 rgb(32,92,98)
```
#256a71
```
#256a71 rgb(37,106,113)
```
#2a7880
```
#2a7880 rgb(42,120,128)
```
#2f868f
```
#2f868f rgb(47,134,143)
```
#34949e
```
#34949e rgb(52,148,158)
```
#39a2ac
```
#39a2ac rgb(57,162,172)
```
#3dafbb
```
#3dafbb rgb(61,175,187)
```

Shade Color Variation

#49b8c3
```
#49b8c3 rgb(73,184,195)
```
#58bec8
```
#58bec8 rgb(88,190,200)
```
#66c3cd
```
#66c3cd rgb(102,195,205)
```
#75c9d2
```
#75c9d2 rgb(117,201,210)
```
#84cfd7
```
#84cfd7 rgb(132,207,215)
```
#93d5db
```
#93d5db rgb(147,213,219)
```
#a1dae0
```
#a1dae0 rgb(161,218,224)
```
#b0e0e5
```
#b0e0e5 rgb(176,224,229)
```
#bfe6ea
```
#bfe6ea rgb(191,230,234)
```
#ceecef
```
#ceecef rgb(206,236,239)
```
#ddf2f4
```
#ddf2f4 rgb(221,242,244)
```
#ebf7f9
```
#ebf7f9 rgb(235,247,249)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #515859 is the less saturated color, while #0398a7 is the most saturated one.

#515859
```
#515859 rgb(81,88,89)
```
#4b5d5f
```
#4b5d5f rgb(75,93,95)
```
#446366
```
#446366 rgb(68,99,102)
```
#3e686c
```
#3e686c rgb(62,104,108)
```
#376d73
```
#376d73 rgb(55,109,115)
```
#317379
```
#317379 rgb(49,115,121)
```
#2a7880
```
#2a7880 rgb(42,120,128)
```
#237d87
```
#237d87 rgb(35,125,135)
```
#1d838d
```
#1d838d rgb(29,131,141)
```
#168894
```
#168894 rgb(22,136,148)
```
#108d9a
```
#108d9a rgb(16,141,154)
```
#0993a1
```
#0993a1 rgb(9,147,161)
```
#0398a7
```
#0398a7 rgb(3,152,167)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#576668 Atypical Achromatopsia 0.001% of the population

Dichromacy

#737480 Protanopia 1% of men
#74728b Deuteranopia 1% of men
#367e88 Tritanopia 0.001% of the population

Trichromacy

#587580 Protanomaly 1% of men, 0.01% of women
#597487 Deuteranomaly 6% of men, 0.4% of women
#317c85 Tritanomaly 0.01% of the population

#2a7880 hex color

#2a7880 Color Information

#2a7880 Color Conversion

Color Schemes with #2a7880

Alternatives to #2a7880

#2a7880 Preview

Shades and Tints of #2a7880

Tones of #2a7880

Color Blindness Simulator