#2c85ad hex color

In a RGB color space, hex #2c85ad is composed of 17.3% red, 52.2% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 23.1% magenta, 0% yellow and 32.2% black. It has a hue angle of 198.6 degrees, a saturation of 59.4% and a lightness of 42.5%. #2c85ad color hex could be obtained by blending #58ffff with #000b5b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 17
- G 52
- B 68
RGB color chart
- C 75
- M 23
- Y 0
- K 32
CMYK color chart

● #2c85ad color description : Dark blue.

The hexadecimal color #2c85ad has RGB values of R:44, G:133, B:173 and CMYK values of C:0.75, M:0.23, Y:0, K:0.32. Its decimal value is 2917805.

Hex triplet	2c85ad	`#2c85ad`
RGB Decimal	44, 133, 173	`rgb(44,133,173)`
RGB Percent	17.3, 52.2, 67.8	`rgb(17.3%,52.2%,67.8%)`
CMYK	75, 23, 0, 32
HSL	198.6°, 59.4, 42.5	`hsl(198.6,59.4%,42.5%)`
HSV (or HSB)	198.6°, 74.6, 67.8
Web Safe	339999	`#339999`

CIE-LAB	52.204, -12.452, -28.642
XYZ	16.967, 20.326, 42.562
xyY	0.212, 0.255, 20.326
CIE-LCH	52.204, 31.231, 246.503
CIE-LUV	52.204, -31.808, -41.67
Hunter-Lab	45.085, -11.721, -24.413
Binary	00101100, 10000101, 10101101

#2c85ad
```
#2c85ad rgb(44,133,173)
```
#ad542c
```
#ad542c rgb(173,84,44)
```

Complementary Color

#2cad95
```
#2cad95 rgb(44,173,149)
```
#2c85ad
```
#2c85ad rgb(44,133,173)
```
#2c44ad
```
#2c44ad rgb(44,68,173)
```

Analogous Color

#ad952c
```
#ad952c rgb(173,149,44)
```
#2c85ad
```
#2c85ad rgb(44,133,173)
```
#ad2c45
```
#ad2c45 rgb(173,44,69)
```

Split Complementary Color

#85ad2c
```
#85ad2c rgb(133,173,44)
```
#2c85ad
```
#2c85ad rgb(44,133,173)
```
#ad2c85
```
#ad2c85 rgb(173,44,133)
```

Triadic Color

#2cad54
```
#2cad54 rgb(44,173,84)
```
#2c85ad
```
#2c85ad rgb(44,133,173)
```
#ad2c85
```
#ad2c85 rgb(173,44,133)
```
#ad542c
```
#ad542c rgb(173,84,44)
```

Tetradic Color

#1c5670
```
#1c5670 rgb(28,86,112)
```
#226684
```
#226684 rgb(34,102,132)
```
#277599
```
#277599 rgb(39,117,153)
```
#2c85ad
```
#2c85ad rgb(44,133,173)
```
#3195c1
```
#3195c1 rgb(49,149,193)
```
#3ea1ce
```
#3ea1ce rgb(62,161,206)
```
#52abd3
```
#52abd3 rgb(82,171,211)
```

Monochromatic Color

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

#2ca5ad
```
#2ca5ad rgb(44,165,173)
```
#2c9bad
```
#2c9bad rgb(44,155,173)
```
#2c90ad
```
#2c90ad rgb(44,144,173)
```
#2c85ad
```
#2c85ad rgb(44,133,173)
```
#2c7aad
```
#2c7aad rgb(44,122,173)
```
#2c70ad
```
#2c70ad rgb(44,112,173)
```
#2c65ad
```
#2c65ad rgb(44,101,173)
```

Similar Colors

Text with hexadecimal color #2c85ad

This text has a font color of #2c85ad.

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

#2c85ad background color

This paragraph has a background color of #2c85ad.

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

#2c85ad border color

This element has a border color of #2c85ad.

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

CSS codes

.text {color:#2c85ad;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040d11
```
#040d11 rgb(4,13,17)
```
#081920
```
#081920 rgb(8,25,32)
```
#0c2530
```
#0c2530 rgb(12,37,48)
```
#103140
```
#103140 rgb(16,49,64)
```
#143d4f
```
#143d4f rgb(20,61,79)
```
#18495f
```
#18495f rgb(24,73,95)
```
#1c556e
```
#1c556e rgb(28,85,110)
```
#20617e
```
#20617e rgb(32,97,126)
```
#246d8e
```
#246d8e rgb(36,109,142)
```
#28799d
```
#28799d rgb(40,121,157)
```
#2c85ad
```
#2c85ad rgb(44,133,173)
```
#3091bd
```
#3091bd rgb(48,145,189)
```

Shade Color Variation

#359dcc
```
#359dcc rgb(53,157,204)
```
#44a4d0
```
#44a4d0 rgb(68,164,208)
```
#54acd3
```
#54acd3 rgb(84,172,211)
```
#64b4d7
```
#64b4d7 rgb(100,180,215)
```
#73bbdb
```
#73bbdb rgb(115,187,219)
```
#83c3df
```
#83c3df rgb(131,195,223)
```
#93cae3
```
#93cae3 rgb(147,202,227)
```
#a2d2e7
```
#a2d2e7 rgb(162,210,231)
```
#b2daeb
```
#b2daeb rgb(178,218,235)
```
#c1e1ef
```
#c1e1ef rgb(193,225,239)
```
#d1e9f3
```
#d1e9f3 rgb(209,233,243)
```
#e1f0f7
```
#e1f0f7 rgb(225,240,247)
```
#f0f8fb
```
#f0f8fb rgb(240,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666f73 is the less saturated color, while #0295d7 is the most saturated one.

#666f73
```
#666f73 rgb(102,111,115)
```
#5e727b
```
#5e727b rgb(94,114,123)
```
#567583
```
#567583 rgb(86,117,131)
```
#4d788c
```
#4d788c rgb(77,120,140)
```
#457b94
```
#457b94 rgb(69,123,148)
```
#3d7f9c
```
#3d7f9c rgb(61,127,156)
```
#3482a5
```
#3482a5 rgb(52,130,165)
```
#2c85ad
```
#2c85ad rgb(44,133,173)
```
#2488b5
```
#2488b5 rgb(36,136,181)
```
#1b8bbe
```
#1b8bbe rgb(27,139,190)
```
#138fc6
```
#138fc6 rgb(19,143,198)
```
#0b92ce
```
#0b92ce rgb(11,146,206)
```
#0295d7
```
#0295d7 rgb(2,149,215)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#62737b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7781aa Protanopia 1% of men
#6f82b4 Deuteranopia 1% of men
#1a8f9a Tritanopia 0.001% of the population

Trichromacy

#5b82ab Protanomaly 1% of men, 0.01% of women
#5683b2 Deuteranomaly 6% of men, 0.4% of women
#208ba1 Tritanomaly 0.01% of the population

#2c85ad hex color

#2c85ad Color Information

#2c85ad Color Conversion

Color Schemes with #2c85ad

Alternatives to #2c85ad

#2c85ad Preview

Shades and Tints of #2c85ad

Tones of #2c85ad

Color Blindness Simulator