#2c88a5 hex color

In a RGB color space, hex #2c88a5 is composed of 17.3% red, 53.3% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 17.6% magenta, 0% yellow and 35.3% black. It has a hue angle of 194.4 degrees, a saturation of 57.9% and a lightness of 41%. #2c88a5 color hex could be obtained by blending #58ffff with #00114b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 17
- G 53
- B 65
RGB color chart
- C 73
- M 18
- Y 0
- K 35
CMYK color chart

● #2c88a5 color description : Dark cyan.

The hexadecimal color #2c88a5 has RGB values of R:44, G:136, B:165 and CMYK values of C:0.73, M:0.18, Y:0, K:0.35. Its decimal value is 2918565.

Hex triplet	2c88a5	`#2c88a5`
RGB Decimal	44, 136, 165	`rgb(44,136,165)`
RGB Percent	17.3, 53.3, 64.7	`rgb(17.3%,53.3%,64.7%)`
CMYK	73, 18, 0, 35
HSL	194.4°, 57.9, 41	`hsl(194.4,57.9%,41%)`
HSV (or HSB)	194.4°, 73.3, 64.7
Web Safe	339999	`#339999`

CIE-LAB	52.795, -16.861, -23.114
XYZ	16.633, 20.859, 38.745
xyY	0.218, 0.274, 20.859
CIE-LCH	52.795, 28.61, 233.891
CIE-LUV	52.795, -33.346, -32.382
Hunter-Lab	45.672, -14.92, -18.328
Binary	00101100, 10001000, 10100101

#2c88a5
```
#2c88a5 rgb(44,136,165)
```
#a5492c
```
#a5492c rgb(165,73,44)
```

Complementary Color

#2ca586
```
#2ca586 rgb(44,165,134)
```
#2c88a5
```
#2c88a5 rgb(44,136,165)
```
#2c4ca5
```
#2c4ca5 rgb(44,76,165)
```

Analogous Color

#a5862c
```
#a5862c rgb(165,134,44)
```
#2c88a5
```
#2c88a5 rgb(44,136,165)
```
#a52c4c
```
#a52c4c rgb(165,44,76)
```

Split Complementary Color

#88a52c
```
#88a52c rgb(136,165,44)
```
#2c88a5
```
#2c88a5 rgb(44,136,165)
```
#a52c88
```
#a52c88 rgb(165,44,136)
```

Triadic Color

#2ca549
```
#2ca549 rgb(44,165,73)
```
#2c88a5
```
#2c88a5 rgb(44,136,165)
```
#a52c88
```
#a52c88 rgb(165,44,136)
```
#a5492c
```
#a5492c rgb(165,73,44)
```

Tetradic Color

#1c5669
```
#1c5669 rgb(28,86,105)
```
#21677d
```
#21677d rgb(33,103,125)
```
#277791
```
#277791 rgb(39,119,145)
```
#2c88a5
```
#2c88a5 rgb(44,136,165)
```
#3199b9
```
#3199b9 rgb(49,153,185)
```
#3aa8ca
```
#3aa8ca rgb(58,168,202)
```
#4eb1d0
```
#4eb1d0 rgb(78,177,208)
```

Monochromatic Color

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

#2ca5a4
```
#2ca5a4 rgb(44,165,164)
```
#2c9ca5
```
#2c9ca5 rgb(44,156,165)
```
#2c92a5
```
#2c92a5 rgb(44,146,165)
```
#2c88a5
```
#2c88a5 rgb(44,136,165)
```
#2c7ea5
```
#2c7ea5 rgb(44,126,165)
```
#2c74a5
```
#2c74a5 rgb(44,116,165)
```
#2c6aa5
```
#2c6aa5 rgb(44,106,165)
```

Similar Colors

Text with hexadecimal color #2c88a5

This text has a font color of #2c88a5.

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

#2c88a5 background color

This paragraph has a background color of #2c88a5.

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

#2c88a5 border color

This element has a border color of #2c88a5.

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

CSS codes

.text {color:#2c88a5;}

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

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

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, #03080a is the darkest color, while #fafdfe is the lightest one.

#03080a
```
#03080a rgb(3,8,10)
```
#07151a
```
#07151a rgb(7,21,26)
```
#0b2229
```
#0b2229 rgb(11,34,41)
```
#0f2f39
```
#0f2f39 rgb(15,47,57)
```
#133b48
```
#133b48 rgb(19,59,72)
```
#174858
```
#174858 rgb(23,72,88)
```
#1b5567
```
#1b5567 rgb(27,85,103)
```
#206277
```
#206277 rgb(32,98,119)
```
#246e86
```
#246e86 rgb(36,110,134)
```
#287b96
```
#287b96 rgb(40,123,150)
```
#2c88a5
```
#2c88a5 rgb(44,136,165)
```
#3095b4
```
#3095b4 rgb(48,149,180)
```
#34a2c4
```
#34a2c4 rgb(52,162,196)
```

Shade Color Variation

#40aacc
```
#40aacc rgb(64,170,204)
```
#4fb1d0
```
#4fb1d0 rgb(79,177,208)
```
#5fb8d4
```
#5fb8d4 rgb(95,184,212)
```
#6ebfd8
```
#6ebfd8 rgb(110,191,216)
```
#7ec6dd
```
#7ec6dd rgb(126,198,221)
```
#8dcde1
```
#8dcde1 rgb(141,205,225)
```
#9dd4e5
```
#9dd4e5 rgb(157,212,229)
```
#acdae9
```
#acdae9 rgb(172,218,233)
```
#bce1ed
```
#bce1ed rgb(188,225,237)
```
#cbe8f1
```
#cbe8f1 rgb(203,232,241)
```
#dbeff5
```
#dbeff5 rgb(219,239,245)
```
#eaf6f9
```
#eaf6f9 rgb(234,246,249)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646b6d is the less saturated color, while #049dcd is the most saturated one.

#646b6d
```
#646b6d rgb(100,107,109)
```
#5c6f75
```
#5c6f75 rgb(92,111,117)
```
#54737d
```
#54737d rgb(84,115,125)
```
#4c7785
```
#4c7785 rgb(76,119,133)
```
#447b8d
```
#447b8d rgb(68,123,141)
```
#3c8095
```
#3c8095 rgb(60,128,149)
```
#34849d
```
#34849d rgb(52,132,157)
```
#2c88a5
```
#2c88a5 rgb(44,136,165)
```
#248cad
```
#248cad rgb(36,140,173)
```
#1c90b5
```
#1c90b5 rgb(28,144,181)
```
#1495bd
```
#1495bd rgb(20,149,189)
```
#0c99c5
```
#0c99c5 rgb(12,153,197)
```
#049dcd
```
#049dcd rgb(4,157,205)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#62757b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c83a2 Protanopia 1% of men
#7883ae Deuteranopia 1% of men
#29909b Tritanopia 0.001% of the population

Trichromacy

#5f85a3 Protanomaly 1% of men, 0.01% of women
#5c84aa Deuteranomaly 6% of men, 0.4% of women
#2a8d9e Tritanomaly 0.01% of the population

#2c88a5 hex color

#2c88a5 Color Information

#2c88a5 Color Conversion

Color Schemes with #2c88a5

Alternatives to #2c88a5

#2c88a5 Preview

Shades and Tints of #2c88a5

Tones of #2c88a5

Color Blindness Simulator