#2a7986 hex color

In a RGB color space, hex #2a7986 is composed of 16.5% red, 47.5% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 68.7% cyan, 9.7% magenta, 0% yellow and 47.5% black. It has a hue angle of 188.5 degrees, a saturation of 52.3% and a lightness of 34.5%. #2a7986 color hex could be obtained by blending #54f2ff with #00000d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 47
- B 53
RGB color chart
- C 69
- M 10
- Y 0
- K 47
CMYK color chart

● #2a7986 color description : Dark moderate cyan.

The hexadecimal color #2a7986 has RGB values of R:42, G:121, B:134 and CMYK values of C:0.69, M:0.1, Y:0, K:0.47. Its decimal value is 2783622.

Hex triplet	2a7986	`#2a7986`
RGB Decimal	42, 121, 134	`rgb(42,121,134)`
RGB Percent	16.5, 47.5, 52.5	`rgb(16.5%,47.5%,52.5%)`
CMYK	69, 10, 0, 47
HSL	188.5°, 52.3, 34.5	`hsl(188.5,52.3%,34.5%)`
HSV (or HSB)	188.5°, 68.7, 52.5
Web Safe	336699	`#336699`

CIE-LAB	46.826, -19.316, -14.118
XYZ	12.094, 15.887, 24.982
xyY	0.228, 0.3, 15.887
CIE-LCH	46.826, 23.925, 216.163
CIE-LUV	46.826, -29.919, -17.565
Hunter-Lab	39.859, -15.592, -9.26
Binary	00101010, 01111001, 10000110

#2a7986
```
#2a7986 rgb(42,121,134)
```
#86372a
```
#86372a rgb(134,55,42)
```

Complementary Color

#2a8665
```
#2a8665 rgb(42,134,101)
```
#2a7986
```
#2a7986 rgb(42,121,134)
```
#2a4b86
```
#2a4b86 rgb(42,75,134)
```

Analogous Color

#86652a
```
#86652a rgb(134,101,42)
```
#2a7986
```
#2a7986 rgb(42,121,134)
```
#862a4b
```
#862a4b rgb(134,42,75)
```

Split Complementary Color

#79862a
```
#79862a rgb(121,134,42)
```
#2a7986
```
#2a7986 rgb(42,121,134)
```
#862a79
```
#862a79 rgb(134,42,121)
```

Triadic Color

#2a8637
```
#2a8637 rgb(42,134,55)
```
#2a7986
```
#2a7986 rgb(42,121,134)
```
#862a79
```
#862a79 rgb(134,42,121)
```
#86372a
```
#86372a rgb(134,55,42)
```

Tetradic Color

#18444c
```
#18444c rgb(24,68,76)
```
#1e565f
```
#1e565f rgb(30,86,95)
```
#246773
```
#246773 rgb(36,103,115)
```
#2a7986
```
#2a7986 rgb(42,121,134)
```
#308b99
```
#308b99 rgb(48,139,153)
```
#369cad
```
#369cad rgb(54,156,173)
```
#3caec0
```
#3caec0 rgb(60,174,192)
```

Monochromatic Color

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

#2a867c
```
#2a867c rgb(42,134,124)
```
#2a8684
```
#2a8684 rgb(42,134,132)
```
#2a8186
```
#2a8186 rgb(42,129,134)
```
#2a7986
```
#2a7986 rgb(42,121,134)
```
#2a7186
```
#2a7186 rgb(42,113,134)
```
#2a6a86
```
#2a6a86 rgb(42,106,134)
```
#2a6286
```
#2a6286 rgb(42,98,134)
```

Similar Colors

Text with hexadecimal color #2a7986

This text has a font color of #2a7986.

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

#2a7986 background color

This paragraph has a background color of #2a7986.

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

#2a7986 border color

This element has a border color of #2a7986.

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

CSS codes

.text {color:#2a7986;}

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

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

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, #050d0f is the darkest color, while #ffffff is the lightest one.

#050d0f
```
#050d0f rgb(5,13,15)
```
#091b1d
```
#091b1d rgb(9,27,29)
```
#0e282c
```
#0e282c rgb(14,40,44)
```
#13363b
```
#13363b rgb(19,54,59)
```
#17434a
```
#17434a rgb(23,67,74)
```
#1c5159
```
#1c5159 rgb(28,81,89)
```
#215e68
```
#215e68 rgb(33,94,104)
```
#256c77
```
#256c77 rgb(37,108,119)
```
#2a7986
```
#2a7986 rgb(42,121,134)
```
#2f8695
```
#2f8695 rgb(47,134,149)
```
#3394a4
```
#3394a4 rgb(51,148,164)
```
#38a1b3
```
#38a1b3 rgb(56,161,179)
```
#3dafc2
```
#3dafc2 rgb(61,175,194)
```

Shade Color Variation

#4bb5c7
```
#4bb5c7 rgb(75,181,199)
```
#5abbcb
```
#5abbcb rgb(90,187,203)
```
#69c2d0
```
#69c2d0 rgb(105,194,208)
```
#78c8d5
```
#78c8d5 rgb(120,200,213)
```
#87ced9
```
#87ced9 rgb(135,206,217)
```
#96d4de
```
#96d4de rgb(150,212,222)
```
#a5dae3
```
#a5dae3 rgb(165,218,227)
```
#b4e0e7
```
#b4e0e7 rgb(180,224,231)
```
#c3e6ec
```
#c3e6ec rgb(195,230,236)
```
#d2ecf1
```
#d2ecf1 rgb(210,236,241)
```
#e1f3f6
```
#e1f3f6 rgb(225,243,246)
```
#f0f9fa
```
#f0f9fa rgb(240,249,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #535c5d is the less saturated color, while #0196af is the most saturated one.

#535c5d
```
#535c5d rgb(83,92,93)
```
#4c6164
```
#4c6164 rgb(76,97,100)
```
#45666b
```
#45666b rgb(69,102,107)
```
#3e6a72
```
#3e6a72 rgb(62,106,114)
```
#386f78
```
#386f78 rgb(56,111,120)
```
#31747f
```
#31747f rgb(49,116,127)
```
#2a7986
```
#2a7986 rgb(42,121,134)
```
#237e8d
```
#237e8d rgb(35,126,141)
```
#1c8394
```
#1c8394 rgb(28,131,148)
```
#16889a
```
#16889a rgb(22,136,154)
```
#0f8ca1
```
#0f8ca1 rgb(15,140,161)
```
#0891a8
```
#0891a8 rgb(8,145,168)
```
#0196af
```
#0196af rgb(1,150,175)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#58676a Atypical Achromatopsia 0.001% of the population

Dichromacy

#737586 Protanopia 1% of men
#737490 Deuteranopia 1% of men
#338089 Tritanopia 0.001% of the population

Trichromacy

#587686 Protanomaly 1% of men, 0.01% of women
#58768c Deuteranomaly 6% of men, 0.4% of women
#2f7d88 Tritanomaly 0.01% of the population

#2a7986 hex color

#2a7986 Color Information

#2a7986 Color Conversion

Color Schemes with #2a7986

Alternatives to #2a7986

#2a7986 Preview

Shades and Tints of #2a7986

Tones of #2a7986

Color Blindness Simulator