#2986a4 hex color

In a RGB color space, hex #2986a4 is composed of 16.1% red, 52.5% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 18.3% magenta, 0% yellow and 35.7% black. It has a hue angle of 194.6 degrees, a saturation of 60% and a lightness of 40.2%. #2986a4 color hex could be obtained by blending #52ffff with #000d49. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 16
- G 53
- B 64
RGB color chart
- C 75
- M 18
- Y 0
- K 36
CMYK color chart

● #2986a4 color description : Dark cyan.

The hexadecimal color #2986a4 has RGB values of R:41, G:134, B:164 and CMYK values of C:0.75, M:0.18, Y:0, K:0.36. Its decimal value is 2721444.

Hex triplet	2986a4	`#2986a4`
RGB Decimal	41, 134, 164	`rgb(41,134,164)`
RGB Percent	16.1, 52.5, 64.3	`rgb(16.1%,52.5%,64.3%)`
CMYK	75, 18, 0, 36
HSL	194.6°, 60, 40.2	`hsl(194.6,60%,40.2%)`
HSV (or HSB)	194.6°, 75, 64.3
Web Safe	339999	`#339999`

CIE-LAB	52.063, -16.504, -23.669
XYZ	16.139, 20.201, 38.168
xyY	0.217, 0.271, 20.201
CIE-LCH	52.063, 28.855, 235.113
CIE-LUV	52.063, -33.149, -33.229
Hunter-Lab	44.945, -14.559, -18.889
Binary	00101001, 10000110, 10100100

#2986a4
```
#2986a4 rgb(41,134,164)
```
#a44729
```
#a44729 rgb(164,71,41)
```

Complementary Color

#29a485
```
#29a485 rgb(41,164,133)
```
#2986a4
```
#2986a4 rgb(41,134,164)
```
#2949a4
```
#2949a4 rgb(41,73,164)
```

Analogous Color

#a48529
```
#a48529 rgb(164,133,41)
```
#2986a4
```
#2986a4 rgb(41,134,164)
```
#a42949
```
#a42949 rgb(164,41,73)
```

Split Complementary Color

#86a429
```
#86a429 rgb(134,164,41)
```
#2986a4
```
#2986a4 rgb(41,134,164)
```
#a42986
```
#a42986 rgb(164,41,134)
```

Triadic Color

#29a447
```
#29a447 rgb(41,164,71)
```
#2986a4
```
#2986a4 rgb(41,134,164)
```
#a42986
```
#a42986 rgb(164,41,134)
```
#a44729
```
#a44729 rgb(164,71,41)
```

Tetradic Color

#1a5467
```
#1a5467 rgb(26,84,103)
```
#1f657b
```
#1f657b rgb(31,101,123)
```
#247590
```
#247590 rgb(36,117,144)
```
#2986a4
```
#2986a4 rgb(41,134,164)
```
#2e97b8
```
#2e97b8 rgb(46,151,184)
```
#34a7cc
```
#34a7cc rgb(52,167,204)
```
#48b0d1
```
#48b0d1 rgb(72,176,209)
```

Monochromatic Color

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

#29a4a3
```
#29a4a3 rgb(41,164,163)
```
#299ba4
```
#299ba4 rgb(41,155,164)
```
#2990a4
```
#2990a4 rgb(41,144,164)
```
#2986a4
```
#2986a4 rgb(41,134,164)
```
#297ca4
```
#297ca4 rgb(41,124,164)
```
#2972a4
```
#2972a4 rgb(41,114,164)
```
#2967a4
```
#2967a4 rgb(41,103,164)
```

Similar Colors

Text with hexadecimal color #2986a4

This text has a font color of #2986a4.

<span style="color:#2986a4;">Text here</span>

#2986a4 background color

This paragraph has a background color of #2986a4.

<p style="background-color:#2986a4;">Content here</p>

#2986a4 border color

This element has a border color of #2986a4.

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

CSS codes

.text {color:#2986a4;}

.background {background-color:#2986a4;}

.border {border:1px solid #2986a4;}

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

#020607
```
#020607 rgb(2,6,7)
```
#061317
```
#061317 rgb(6,19,23)
```
#0a1f26
```
#0a1f26 rgb(10,31,38)
```
#0e2c36
```
#0e2c36 rgb(14,44,54)
```
#113946
```
#113946 rgb(17,57,70)
```
#154656
```
#154656 rgb(21,70,86)
```
#195365
```
#195365 rgb(25,83,101)
```
#1d6075
```
#1d6075 rgb(29,96,117)
```
#216c85
```
#216c85 rgb(33,108,133)
```
#257994
```
#257994 rgb(37,121,148)
```
#2986a4
```
#2986a4 rgb(41,134,164)
```
#2d93b4
```
#2d93b4 rgb(45,147,180)
```
#31a0c3
```
#31a0c3 rgb(49,160,195)
```

Shade Color Variation

#3aaace
```
#3aaace rgb(58,170,206)
```
#4ab1d2
```
#4ab1d2 rgb(74,177,210)
```
#59b7d6
```
#59b7d6 rgb(89,183,214)
```
#69beda
```
#69beda rgb(105,190,218)
```
#79c5dd
```
#79c5dd rgb(121,197,221)
```
#89cce1
```
#89cce1 rgb(137,204,225)
```
#98d3e5
```
#98d3e5 rgb(152,211,229)
```
#a8d9e9
```
#a8d9e9 rgb(168,217,233)
```
#b8e0ed
```
#b8e0ed rgb(184,224,237)
```
#c7e7f1
```
#c7e7f1 rgb(199,231,241)
```
#d7eef5
```
#d7eef5 rgb(215,238,245)
```
#e7f4f9
```
#e7f4f9 rgb(231,244,249)
```
#f6fbfd
```
#f6fbfd rgb(246,251,253)
```

Tint Color Variation

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

#606a6d
```
#606a6d rgb(96,106,109)
```
#586e75
```
#586e75 rgb(88,110,117)
```
#50727d
```
#50727d rgb(80,114,125)
```
#497684
```
#497684 rgb(73,118,132)
```
#417a8c
```
#417a8c rgb(65,122,140)
```
#397e94
```
#397e94 rgb(57,126,148)
```
#31829c
```
#31829c rgb(49,130,156)
```
#2986a4
```
#2986a4 rgb(41,134,164)
```
#218aac
```
#218aac rgb(33,138,172)
```
#198eb4
```
#198eb4 rgb(25,142,180)
```
#1192bc
```
#1192bc rgb(17,146,188)
```
#0996c4
```
#0996c4 rgb(9,150,196)
```
#029acb
```
#029acb rgb(2,154,203)
```

Tone Color Variation

Below, you can see how #2986a4 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

#6e6e6e Achromatopsia 0.005% of the population
#607379 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a81a1 Protanopia 1% of men
#7581ad Deuteranopia 1% of men
#238f99 Tritanopia 0.001% of the population

Trichromacy

#5c83a2 Protanomaly 1% of men, 0.01% of women
#5983a9 Deuteranomaly 6% of men, 0.4% of women
#258b9d Tritanomaly 0.01% of the population

#2986a4 hex color

#2986a4 Color Information

#2986a4 Color Conversion

Color Schemes with #2986a4

Alternatives to #2986a4

#2986a4 Preview

Shades and Tints of #2986a4

Tones of #2986a4

Color Blindness Simulator