colorhexa.com

#2c587a hex color

In a RGB color space, hex #2c587a is composed of 17.3% red, 34.5% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 27.9% magenta, 0% yellow and 52.2% black. It has a hue angle of 206.2 degrees, a saturation of 47% and a lightness of 32.5%. #2c587a color hex could be obtained by blending #58b0f4 with #000000. Closest websafe color is: #336666.

- R 17
- G 35
- B 48
RGB color chart
- C 64
- M 28
- Y 0
- K 52
CMYK color chart

● #2c587a color description : Dark moderate blue.

The hexadecimal color #2c587a has RGB values of R:44, G:88, B:122 and CMYK values of C:0.64, M:0.28, Y:0, K:0.52. Its decimal value is 2906234.

Hex triplet	2c587a	`#2c587a`
RGB Decimal	44, 88, 122	`rgb(44,88,122)`
RGB Percent	17.3, 34.5, 47.8	`rgb(17.3%,34.5%,47.8%)`
CMYK	64, 28, 0, 52
HSL	206.2°, 47, 32.5	`hsl(206.2,47%,32.5%)`
HSV (or HSB)	206.2°, 63.9, 47.8
Web Safe	336666	`#336666`

CIE-LAB	35.829, -3.909, -23.776
XYZ	8.04, 8.92, 19.709
xyY	0.219, 0.243, 8.92
CIE-LCH	35.829, 24.095, 260.663
CIE-LUV	35.829, -17.606, -32.081
Hunter-Lab	29.866, -4.209, -18.221
Binary	00101100, 01011000, 01111010

#2c587a
```
#2c587a rgb(44,88,122)
```
#7a4e2c
```
#7a4e2c rgb(122,78,44)
```

Complementary Color

#2c7a75
```
#2c7a75 rgb(44,122,117)
```
#2c587a
```
#2c587a rgb(44,88,122)
```
#2c317a
```
#2c317a rgb(44,49,122)
```

Analogous Color

#7a752c
```
#7a752c rgb(122,117,44)
```
#2c587a
```
#2c587a rgb(44,88,122)
```
#7a2c31
```
#7a2c31 rgb(122,44,49)
```

Split Complementary Color

#587a2c
```
#587a2c rgb(88,122,44)
```
#2c587a
```
#2c587a rgb(44,88,122)
```
#7a2c58
```
#7a2c58 rgb(122,44,88)
```

Triadic Color

#182f42
```
#182f42 rgb(24,47,66)
```
#1e3d55
```
#1e3d55 rgb(30,61,85)
```
#254a67
```
#254a67 rgb(37,74,103)
```
#2c587a
```
#2c587a rgb(44,88,122)
```
#33668d
```
#33668d rgb(51,102,141)
```
#3a739f
```
#3a739f rgb(58,115,159)
```
#4081b2
```
#4081b2 rgb(64,129,178)
```

Monochromatic Color

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

#2c6c7a
```
#2c6c7a rgb(44,108,122)
```
#2c657a
```
#2c657a rgb(44,101,122)
```
#2c5f7a
```
#2c5f7a rgb(44,95,122)
```
#2c587a
```
#2c587a rgb(44,88,122)
```
#2c527a
```
#2c527a rgb(44,82,122)
```
#2c4b7a
```
#2c4b7a rgb(44,75,122)
```
#2c457a
```
#2c457a rgb(44,69,122)
```

Similar Colors

Text with hexadecimal color #2c587a

This text has a font color of #2c587a.

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

#2c587a background color

This paragraph has a background color of #2c587a.

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

#2c587a border color

This element has a border color of #2c587a.

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

CSS codes

.text {color:#2c587a;}

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

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

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

#020507
```
#020507 rgb(2,5,7)
```
#080f15
```
#080f15 rgb(8,15,21)
```
#0d1a24
```
#0d1a24 rgb(13,26,36)
```
#122432
```
#122432 rgb(18,36,50)
```
#172e40
```
#172e40 rgb(23,46,64)
```
#1c394f
```
#1c394f rgb(28,57,79)
```
#22435d
```
#22435d rgb(34,67,93)
```
#274e6c
```
#274e6c rgb(39,78,108)
```
#2c587a
```
#2c587a rgb(44,88,122)
```
#316288
```
#316288 rgb(49,98,136)
```
#366d97
```
#366d97 rgb(54,109,151)
```
#3c77a5
```
#3c77a5 rgb(60,119,165)
```
#4182b4
```
#4182b4 rgb(65,130,180)
```

Shade Color Variation

#4a8bbe
```
#4a8bbe rgb(74,139,190)
```
#5995c3
```
#5995c3 rgb(89,149,195)
```
#679ec8
```
#679ec8 rgb(103,158,200)
```
#76a7cd
```
#76a7cd rgb(118,167,205)
```
#84b0d3
```
#84b0d3 rgb(132,176,211)
```
#92bad8
```
#92bad8 rgb(146,186,216)
```
#a1c3dd
```
#a1c3dd rgb(161,195,221)
```
#afcce2
```
#afcce2 rgb(175,204,226)
```
#bed5e7
```
#bed5e7 rgb(190,213,231)
```
#ccdeed
```
#ccdeed rgb(204,222,237)
```
#dae8f2
```
#dae8f2 rgb(218,232,242)
```
#e9f1f7
```
#e9f1f7 rgb(233,241,247)
```
#f7fafc
```
#f7fafc rgb(247,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #525354 is the less saturated color, while #065da0 is the most saturated one.

#525354
```
#525354 rgb(82,83,84)
```
#4c545a
```
#4c545a rgb(76,84,90)
```
#465560
```
#465560 rgb(70,85,96)
```
#3f5667
```
#3f5667 rgb(63,86,103)
```
#39566d
```
#39566d rgb(57,86,109)
```
#325774
```
#325774 rgb(50,87,116)
```
#2c587a
```
#2c587a rgb(44,88,122)
```
#265980
```
#265980 rgb(38,89,128)
```
#1f5a87
```
#1f5a87 rgb(31,90,135)
```
#195a8d
```
#195a8d rgb(25,90,141)
```
#125b94
```
#125b94 rgb(18,91,148)
```
#0c5c9a
```
#0c5c9a rgb(12,92,154)
```
#065da0
```
#065da0 rgb(6,93,160)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#485158 Atypical Achromatopsia 0.001% of the population

Dichromacy

#525b7d Protanopia 1% of men
#4c5c82 Deuteranopia 1% of men
#2a646c Tritanopia 0.001% of the population

Trichromacy

#445a7c Protanomaly 1% of men, 0.01% of women
#405a7f Deuteranomaly 6% of men, 0.4% of women
#2a6071 Tritanomaly 0.01% of the population