#2a6176 hex color

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

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

● #2a6176 color description : Dark moderate blue.

The hexadecimal color #2a6176 has RGB values of R:42, G:97, B:118 and CMYK values of C:0.64, M:0.18, Y:0, K:0.54. Its decimal value is 2777462.

Hex triplet	2a6176	`#2a6176`
RGB Decimal	42, 97, 118	`rgb(42,97,118)`
RGB Percent	16.5, 38, 46.3	`rgb(16.5%,38%,46.3%)`
CMYK	64, 18, 0, 54
HSL	196.6°, 47.5, 31.4	`hsl(196.6,47.5%,31.4%)`
HSV (or HSB)	196.6°, 64.4, 46.3
Web Safe	336666	`#336666`

CIE-LAB	38.462, -11.164, -17.248
XYZ	8.499, 10.349, 18.688
xyY	0.226, 0.276, 10.349
CIE-LCH	38.462, 20.546, 237.086
CIE-LUV	38.462, -21.588, -22.29
Hunter-Lab	32.17, -9.141, -11.924
Binary	00101010, 01100001, 01110110

#2a6176
```
#2a6176 rgb(42,97,118)
```
#763f2a
```
#763f2a rgb(118,63,42)
```

Complementary Color

#2a7665
```
#2a7665 rgb(42,118,101)
```
#2a6176
```
#2a6176 rgb(42,97,118)
```
#2a3b76
```
#2a3b76 rgb(42,59,118)
```

Analogous Color

#76652a
```
#76652a rgb(118,101,42)
```
#2a6176
```
#2a6176 rgb(42,97,118)
```
#762a3b
```
#762a3b rgb(118,42,59)
```

Split Complementary Color

#61762a
```
#61762a rgb(97,118,42)
```
#2a6176
```
#2a6176 rgb(42,97,118)
```
#762a61
```
#762a61 rgb(118,42,97)
```

Triadic Color

#2a763f
```
#2a763f rgb(42,118,63)
```
#2a6176
```
#2a6176 rgb(42,97,118)
```
#762a61
```
#762a61 rgb(118,42,97)
```
#763f2a
```
#763f2a rgb(118,63,42)
```

Tetradic Color

#16333e
```
#16333e rgb(22,51,62)
```
#1d4250
```
#1d4250 rgb(29,66,80)
```
#235263
```
#235263 rgb(35,82,99)
```
#2a6176
```
#2a6176 rgb(42,97,118)
```
#317089
```
#317089 rgb(49,112,137)
```
#37809c
```
#37809c rgb(55,128,156)
```
#3e8fae
```
#3e8fae rgb(62,143,174)
```

Monochromatic Color

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

#2a7476
```
#2a7476 rgb(42,116,118)
```
#2a6e76
```
#2a6e76 rgb(42,110,118)
```
#2a6776
```
#2a6776 rgb(42,103,118)
```
#2a6176
```
#2a6176 rgb(42,97,118)
```
#2a5b76
```
#2a5b76 rgb(42,91,118)
```
#2a5476
```
#2a5476 rgb(42,84,118)
```
#2a4e76
```
#2a4e76 rgb(42,78,118)
```

Similar Colors

Text with hexadecimal color #2a6176

This text has a font color of #2a6176.

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

#2a6176 background color

This paragraph has a background color of #2a6176.

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

#2a6176 border color

This element has a border color of #2a6176.

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

CSS codes

.text {color:#2a6176;}

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

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

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 #f3f8fb is the lightest one.

#010202
```
#010202 rgb(1,2,2)
```
#060e11
```
#060e11 rgb(6,14,17)
```
#0b1a1f
```
#0b1a1f rgb(11,26,31)
```
#10262e
```
#10262e rgb(16,38,46)
```
#15313c
```
#15313c rgb(21,49,60)
```
#1b3d4b
```
#1b3d4b rgb(27,61,75)
```
#204959
```
#204959 rgb(32,73,89)
```
#255568
```
#255568 rgb(37,85,104)
```
#2a6176
```
#2a6176 rgb(42,97,118)
```
#2f6d84
```
#2f6d84 rgb(47,109,132)
```
#347993
```
#347993 rgb(52,121,147)
```
#3985a1
```
#3985a1 rgb(57,133,161)
```
#3f91b0
```
#3f91b0 rgb(63,145,176)
```

Shade Color Variation

#459cbd
```
#459cbd rgb(69,156,189)
```
#54a4c2
```
#54a4c2 rgb(84,164,194)
```
#62abc7
```
#62abc7 rgb(98,171,199)
```
#71b3cc
```
#71b3cc rgb(113,179,204)
```
#7fbbd1
```
#7fbbd1 rgb(127,187,209)
```
#8ec2d7
```
#8ec2d7 rgb(142,194,215)
```
#9ccadc
```
#9ccadc rgb(156,202,220)
```
#aad2e1
```
#aad2e1 rgb(170,210,225)
```
#b9dae6
```
#b9dae6 rgb(185,218,230)
```
#c7e1eb
```
#c7e1eb rgb(199,225,235)
```
#d6e9f0
```
#d6e9f0 rgb(214,233,240)
```
#e4f1f6
```
#e4f1f6 rgb(228,241,246)
```
#f3f8fb
```
#f3f8fb rgb(243,248,251)
```

Tint Color Variation

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

#4f5051
```
#4f5051 rgb(79,80,81)
```
#495357
```
#495357 rgb(73,83,87)
```
#43565d
```
#43565d rgb(67,86,93)
```
#3c5964
```
#3c5964 rgb(60,89,100)
```
#365b6a
```
#365b6a rgb(54,91,106)
```
#305e70
```
#305e70 rgb(48,94,112)
```
#2a6176
```
#2a6176 rgb(42,97,118)
```
#24647c
```
#24647c rgb(36,100,124)
```
#1e6782
```
#1e6782 rgb(30,103,130)
```
#186988
```
#186988 rgb(24,105,136)
```
#116c8f
```
#116c8f rgb(17,108,143)
```
#0b6f95
```
#0b6f95 rgb(11,111,149)
```
#05729b
```
#05729b rgb(5,114,155)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4b565a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6278 Protanopia 1% of men
#5b6180 Deuteranopia 1% of men
#2e6b72 Tritanopia 0.001% of the population

Trichromacy

#4a6177 Protanomaly 1% of men, 0.01% of women
#49617c Deuteranomaly 6% of men, 0.4% of women
#2d6774 Tritanomaly 0.01% of the population

#2a6176 hex color

#2a6176 Color Information

#2a6176 Color Conversion

Color Schemes with #2a6176

Alternatives to #2a6176

#2a6176 Preview

Shades and Tints of #2a6176

Tones of #2a6176

Color Blindness Simulator