#2a6676 hex color

In a RGB color space, hex #2a6676 is composed of 16.5% red, 40% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 13.6% magenta, 0% yellow and 53.7% black. It has a hue angle of 192.6 degrees, a saturation of 47.5% and a lightness of 31.4%. #2a6676 color hex could be obtained by blending #54ccec with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 40
- B 46
RGB color chart
- C 64
- M 14
- Y 0
- K 54
CMYK color chart

● #2a6676 color description : Dark moderate cyan.

The hexadecimal color #2a6676 has RGB values of R:42, G:102, B:118 and CMYK values of C:0.64, M:0.14, Y:0, K:0.54. Its decimal value is 2778742.

Hex triplet	2a6676	`#2a6676`
RGB Decimal	42, 102, 118	`rgb(42,102,118)`
RGB Percent	16.5, 40, 46.3	`rgb(16.5%,40%,46.3%)`
CMYK	64, 14, 0, 54
HSL	192.6°, 47.5, 31.4	`hsl(192.6,47.5%,31.4%)`
HSV (or HSB)	192.6°, 64.4, 46.3
Web Safe	336666	`#336666`

CIE-LAB	40.085, -14.057, -14.763
XYZ	8.975, 11.302, 18.847
xyY	0.229, 0.289, 11.302
CIE-LCH	40.085, 20.385, 226.403
CIE-LUV	40.085, -23.502, -18.539
Hunter-Lab	33.619, -11.178, -9.705
Binary	00101010, 01100110, 01110110

#2a6676
```
#2a6676 rgb(42,102,118)
```
#763a2a
```
#763a2a rgb(118,58,42)
```

Complementary Color

#2a7660
```
#2a7660 rgb(42,118,96)
```
#2a6676
```
#2a6676 rgb(42,102,118)
```
#2a4076
```
#2a4076 rgb(42,64,118)
```

Analogous Color

#76602a
```
#76602a rgb(118,96,42)
```
#2a6676
```
#2a6676 rgb(42,102,118)
```
#762a40
```
#762a40 rgb(118,42,64)
```

Split Complementary Color

#66762a
```
#66762a rgb(102,118,42)
```
#2a6676
```
#2a6676 rgb(42,102,118)
```
#762a66
```
#762a66 rgb(118,42,102)
```

Triadic Color

#2a763a
```
#2a763a rgb(42,118,58)
```
#2a6676
```
#2a6676 rgb(42,102,118)
```
#762a66
```
#762a66 rgb(118,42,102)
```
#763a2a
```
#763a2a rgb(118,58,42)
```

Tetradic Color

#16353e
```
#16353e rgb(22,53,62)
```
#1d4550
```
#1d4550 rgb(29,69,80)
```
#235663
```
#235663 rgb(35,86,99)
```
#2a6676
```
#2a6676 rgb(42,102,118)
```
#317689
```
#317689 rgb(49,118,137)
```
#37879c
```
#37879c rgb(55,135,156)
```
#3e97ae
```
#3e97ae rgb(62,151,174)
```

Monochromatic Color

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

#2a7673
```
#2a7673 rgb(42,118,115)
```
#2a7376
```
#2a7376 rgb(42,115,118)
```
#2a6c76
```
#2a6c76 rgb(42,108,118)
```
#2a6676
```
#2a6676 rgb(42,102,118)
```
#2a6076
```
#2a6076 rgb(42,96,118)
```
#2a5976
```
#2a5976 rgb(42,89,118)
```
#2a5376
```
#2a5376 rgb(42,83,118)
```

Similar Colors

Text with hexadecimal color #2a6676

This text has a font color of #2a6676.

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

#2a6676 background color

This paragraph has a background color of #2a6676.

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

#2a6676 border color

This element has a border color of #2a6676.

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

CSS codes

.text {color:#2a6676;}

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

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

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, #010202 is the darkest color, while #f3f9fb is the lightest one.

#010202
```
#010202 rgb(1,2,2)
```
#060e11
```
#060e11 rgb(6,14,17)
```
#0b1b1f
```
#0b1b1f rgb(11,27,31)
```
#10272e
```
#10272e rgb(16,39,46)
```
#15343c
```
#15343c rgb(21,52,60)
```
#1b404b
```
#1b404b rgb(27,64,75)
```
#204d59
```
#204d59 rgb(32,77,89)
```
#255968
```
#255968 rgb(37,89,104)
```
#2a6676
```
#2a6676 rgb(42,102,118)
```
#2f7384
```
#2f7384 rgb(47,115,132)
```
#347f93
```
#347f93 rgb(52,127,147)
```
#398ca1
```
#398ca1 rgb(57,140,161)
```
#3f98b0
```
#3f98b0 rgb(63,152,176)
```

Shade Color Variation

#45a4bd
```
#45a4bd rgb(69,164,189)
```
#54abc2
```
#54abc2 rgb(84,171,194)
```
#62b2c7
```
#62b2c7 rgb(98,178,199)
```
#71b9cc
```
#71b9cc rgb(113,185,204)
```
#7fc0d1
```
#7fc0d1 rgb(127,192,209)
```
#8ec7d7
```
#8ec7d7 rgb(142,199,215)
```
#9ccedc
```
#9ccedc rgb(156,206,220)
```
#aad5e1
```
#aad5e1 rgb(170,213,225)
```
#b9dde6
```
#b9dde6 rgb(185,221,230)
```
#c7e4eb
```
#c7e4eb rgb(199,228,235)
```
#d6ebf0
```
#d6ebf0 rgb(214,235,240)
```
#e4f2f6
```
#e4f2f6 rgb(228,242,246)
```
#f3f9fb
```
#f3f9fb rgb(243,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5151 is the less saturated color, while #057b9b is the most saturated one.

#4f5151
```
#4f5151 rgb(79,81,81)
```
#495457
```
#495457 rgb(73,84,87)
```
#43585d
```
#43585d rgb(67,88,93)
```
#3c5b64
```
#3c5b64 rgb(60,91,100)
```
#365f6a
```
#365f6a rgb(54,95,106)
```
#306270
```
#306270 rgb(48,98,112)
```
#2a6676
```
#2a6676 rgb(42,102,118)
```
#246a7c
```
#246a7c rgb(36,106,124)
```
#1e6d82
```
#1e6d82 rgb(30,109,130)
```
#187188
```
#187188 rgb(24,113,136)
```
#11748f
```
#11748f rgb(17,116,143)
```
#0b7895
```
#0b7895 rgb(11,120,149)
```
#057b9b
```
#057b9b rgb(5,123,155)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4d595c Atypical Achromatopsia 0.001% of the population

Dichromacy

#626578 Protanopia 1% of men
#626580 Deuteranopia 1% of men
#316f77 Tritanopia 0.001% of the population

Trichromacy

#4e6577 Protanomaly 1% of men, 0.01% of women
#4d657c Deuteranomaly 6% of men, 0.4% of women
#2e6b76 Tritanomaly 0.01% of the population

#2a6676 hex color

#2a6676 Color Information

#2a6676 Color Conversion

Color Schemes with #2a6676

Alternatives to #2a6676

#2a6676 Preview

Shades and Tints of #2a6676

Tones of #2a6676

Color Blindness Simulator