#2a7d84 hex color

In a RGB color space, hex #2a7d84 is composed of 16.5% red, 49% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 5.3% magenta, 0% yellow and 48.2% black. It has a hue angle of 184.7 degrees, a saturation of 51.7% and a lightness of 34.1%. #2a7d84 color hex could be obtained by blending #54faff with #000009. Closest websafe color is: #336699.

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

● #2a7d84 color description : Dark moderate cyan.

The hexadecimal color #2a7d84 has RGB values of R:42, G:125, B:132 and CMYK values of C:0.68, M:0.05, Y:0, K:0.48. Its decimal value is 2784644.

Hex triplet	2a7d84	`#2a7d84`
RGB Decimal	42, 125, 132	`rgb(42,125,132)`
RGB Percent	16.5, 49, 51.8	`rgb(16.5%,49%,51.8%)`
CMYK	68, 5, 0, 48
HSL	184.7°, 51.7, 34.1	`hsl(184.7,51.7%,34.1%)`
HSV (or HSB)	184.7°, 68.2, 51.8
Web Safe	336699	`#336699`

CIE-LAB	48.038, -22.082, -11.103
XYZ	12.452, 16.824, 24.42
xyY	0.232, 0.313, 16.824
CIE-LCH	48.038, 24.716, 206.694
CIE-LUV	48.038, -31.544, -12.772
Hunter-Lab	41.017, -17.592, -6.586
Binary	00101010, 01111101, 10000100

#2a7d84
```
#2a7d84 rgb(42,125,132)
```
#84312a
```
#84312a rgb(132,49,42)
```

Complementary Color

#2a845e
```
#2a845e rgb(42,132,94)
```
#2a7d84
```
#2a7d84 rgb(42,125,132)
```
#2a5084
```
#2a5084 rgb(42,80,132)
```

Analogous Color

#845e2a
```
#845e2a rgb(132,94,42)
```
#2a7d84
```
#2a7d84 rgb(42,125,132)
```
#842a50
```
#842a50 rgb(132,42,80)
```

Split Complementary Color

#7d842a
```
#7d842a rgb(125,132,42)
```
#2a7d84
```
#2a7d84 rgb(42,125,132)
```
#842a7d
```
#842a7d rgb(132,42,125)
```

Triadic Color

#2a8431
```
#2a8431 rgb(42,132,49)
```
#2a7d84
```
#2a7d84 rgb(42,125,132)
```
#842a7d
```
#842a7d rgb(132,42,125)
```
#84312a
```
#84312a rgb(132,49,42)
```

Tetradic Color

#18464a
```
#18464a rgb(24,70,74)
```
#1e585d
```
#1e585d rgb(30,88,93)
```
#246b71
```
#246b71 rgb(36,107,113)
```
#2a7d84
```
#2a7d84 rgb(42,125,132)
```
#308f97
```
#308f97 rgb(48,143,151)
```
#36a2ab
```
#36a2ab rgb(54,162,171)
```
#3cb4be
```
#3cb4be rgb(60,180,190)
```

Monochromatic Color

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

#2a8475
```
#2a8475 rgb(42,132,117)
```
#2a847c
```
#2a847c rgb(42,132,124)
```
#2a8484
```
#2a8484 rgb(42,132,132)
```
#2a7d84
```
#2a7d84 rgb(42,125,132)
```
#2a7684
```
#2a7684 rgb(42,118,132)
```
#2a6e84
```
#2a6e84 rgb(42,110,132)
```
#2a6784
```
#2a6784 rgb(42,103,132)
```

Similar Colors

Text with hexadecimal color #2a7d84

This text has a font color of #2a7d84.

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

#2a7d84 background color

This paragraph has a background color of #2a7d84.

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

#2a7d84 border color

This element has a border color of #2a7d84.

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

CSS codes

.text {color:#2a7d84;}

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

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

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

#040c0d
```
#040c0d rgb(4,12,13)
```
#091a1c
```
#091a1c rgb(9,26,28)
```
#0e282b
```
#0e282b rgb(14,40,43)
```
#12373a
```
#12373a rgb(18,55,58)
```
#174548
```
#174548 rgb(23,69,72)
```
#1c5357
```
#1c5357 rgb(28,83,87)
```
#216166
```
#216166 rgb(33,97,102)
```
#256f75
```
#256f75 rgb(37,111,117)
```
#2a7d84
```
#2a7d84 rgb(42,125,132)
```
#2f8b93
```
#2f8b93 rgb(47,139,147)
```
#3399a2
```
#3399a2 rgb(51,153,162)
```
#38a7b1
```
#38a7b1 rgb(56,167,177)
```
#3db5c0
```
#3db5c0 rgb(61,181,192)
```

Shade Color Variation

#4bbcc6
```
#4bbcc6 rgb(75,188,198)
```
#59c2ca
```
#59c2ca rgb(89,194,202)
```
#68c7cf
```
#68c7cf rgb(104,199,207)
```
#77cdd4
```
#77cdd4 rgb(119,205,212)
```
#86d2d9
```
#86d2d9 rgb(134,210,217)
```
#95d8dd
```
#95d8dd rgb(149,216,221)
```
#a4dde2
```
#a4dde2 rgb(164,221,226)
```
#b3e3e7
```
#b3e3e7 rgb(179,227,231)
```
#c2e8eb
```
#c2e8eb rgb(194,232,235)
```
#d0eef0
```
#d0eef0 rgb(208,238,240)
```
#dff3f5
```
#dff3f5 rgb(223,243,245)
```
#eef9fa
```
#eef9fa rgb(238,249,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#525b5c
```
#525b5c rgb(82,91,92)
```
#4b6163
```
#4b6163 rgb(75,97,99)
```
#456669
```
#456669 rgb(69,102,105)
```
#3e6c70
```
#3e6c70 rgb(62,108,112)
```
#377277
```
#377277 rgb(55,114,119)
```
#31777d
```
#31777d rgb(49,119,125)
```
#2a7d84
```
#2a7d84 rgb(42,125,132)
```
#23838b
```
#23838b rgb(35,131,139)
```
#1d8891
```
#1d8891 rgb(29,136,145)
```
#168e98
```
#168e98 rgb(22,142,152)
```
#0f949f
```
#0f949f rgb(15,148,159)
```
#0999a5
```
#0999a5 rgb(9,153,165)
```
#029fac
```
#029fac rgb(2,159,172)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#596a6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#787883 Protanopia 1% of men
#79768f Deuteranopia 1% of men
#36838c Tritanopia 0.001% of the population

Trichromacy

#5b7a83 Protanomaly 1% of men, 0.01% of women
#5c798b Deuteranomaly 6% of men, 0.4% of women
#328189 Tritanomaly 0.01% of the population

#2a7d84 hex color

#2a7d84 Color Information

#2a7d84 Color Conversion

Color Schemes with #2a7d84

Alternatives to #2a7d84

#2a7d84 Preview

Shades and Tints of #2a7d84

Tones of #2a7d84

Color Blindness Simulator