colorhexa.com

#2c5cb2 hex color

In a RGB color space, hex #2c5cb2 is composed of 17.3% red, 36.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 48.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 218.5 degrees, a saturation of 60.4% and a lightness of 43.5%. #2c5cb2 color hex could be obtained by blending #58b8ff with #000065. Closest websafe color is: #336699.

- R 17
- G 36
- B 70
RGB color chart
- C 75
- M 48
- Y 0
- K 30
CMYK color chart

● #2c5cb2 color description : Dark blue.

The hexadecimal color #2c5cb2 has RGB values of R:44, G:92, B:178 and CMYK values of C:0.75, M:0.48, Y:0, K:0.3. Its decimal value is 2907314.

Hex triplet	2c5cb2	`#2c5cb2`
RGB Decimal	44, 92, 178	`rgb(44,92,178)`
RGB Percent	17.3, 36.1, 69.8	`rgb(17.3%,36.1%,69.8%)`
CMYK	75, 48, 0, 30
HSL	218.5°, 60.4, 43.5	`hsl(218.5,60.4%,43.5%)`
HSV (or HSB)	218.5°, 75.3, 69.8
Web Safe	336699	`#336699`

CIE-LAB	40.251, 14.49, -50.472
XYZ	12.9, 11.403, 43.638
xyY	0.19, 0.168, 11.403
CIE-LCH	40.251, 52.511, 286.018
CIE-LUV	40.251, -17.77, -74.508
Hunter-Lab	33.769, 9.094, -52.981
Binary	00101100, 01011100, 10110010

#2c5cb2
```
#2c5cb2 rgb(44,92,178)
```
#b2822c
```
#b2822c rgb(178,130,44)
```

Complementary Color

#2c9fb2
```
#2c9fb2 rgb(44,159,178)
```
#2c5cb2
```
#2c5cb2 rgb(44,92,178)
```
#3f2cb2
```
#3f2cb2 rgb(63,44,178)
```

Analogous Color

#9fb22c
```
#9fb22c rgb(159,178,44)
```
#2c5cb2
```
#2c5cb2 rgb(44,92,178)
```
#b23f2c
```
#b23f2c rgb(178,63,44)
```

Split Complementary Color

#5cb22c
```
#5cb22c rgb(92,178,44)
```
#2c5cb2
```
#2c5cb2 rgb(44,92,178)
```
#b22c5c
```
#b22c5c rgb(178,44,92)
```

Triadic Color

#2cb282
```
#2cb282 rgb(44,178,130)
```
#2c5cb2
```
#2c5cb2 rgb(44,92,178)
```
#b22c5c
```
#b22c5c rgb(178,44,92)
```
#b2822c
```
#b2822c rgb(178,130,44)
```

Tetradic Color

#1d3c75
```
#1d3c75 rgb(29,60,117)
```
#224789
```
#224789 rgb(34,71,137)
```
#27519e
```
#27519e rgb(39,81,158)
```
#2c5cb2
```
#2c5cb2 rgb(44,92,178)
```
#3167c6
```
#3167c6 rgb(49,103,198)
```
#4174d0
```
#4174d0 rgb(65,116,208)
```
#5583d5
```
#5583d5 rgb(85,131,213)
```

Monochromatic Color

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

#2c7eb2
```
#2c7eb2 rgb(44,126,178)
```
#2c72b2
```
#2c72b2 rgb(44,114,178)
```
#2c67b2
```
#2c67b2 rgb(44,103,178)
```
#2c5cb2
```
#2c5cb2 rgb(44,92,178)
```
#2c51b2
```
#2c51b2 rgb(44,81,178)
```
#2c46b2
```
#2c46b2 rgb(44,70,178)
```
#2c3ab2
```
#2c3ab2 rgb(44,58,178)
```

Similar Colors

Text with hexadecimal color #2c5cb2

This text has a font color of #2c5cb2.

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

#2c5cb2 background color

This paragraph has a background color of #2c5cb2.

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

#2c5cb2 border color

This element has a border color of #2c5cb2.

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

CSS codes

.text {color:#2c5cb2;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#050b15
```
#050b15 rgb(5,11,21)
```
#091324
```
#091324 rgb(9,19,36)
```
#0d1b34
```
#0d1b34 rgb(13,27,52)
```
#112344
```
#112344 rgb(17,35,68)
```
#152b54
```
#152b54 rgb(21,43,84)
```
#193363
```
#193363 rgb(25,51,99)
```
#1c3b73
```
#1c3b73 rgb(28,59,115)
```
#204483
```
#204483 rgb(32,68,131)
```
#244c93
```
#244c93 rgb(36,76,147)
```
#2854a2
```
#2854a2 rgb(40,84,162)
```
#2c5cb2
```
#2c5cb2 rgb(44,92,178)
```
#3064c2
```
#3064c2 rgb(48,100,194)
```

Shade Color Variation

#386dce
```
#386dce rgb(56,109,206)
```
#4779d2
```
#4779d2 rgb(71,121,210)
```
#5784d5
```
#5784d5 rgb(87,132,213)
```
#6790d9
```
#6790d9 rgb(103,144,217)
```
#769bdd
```
#769bdd rgb(118,155,221)
```
#86a7e1
```
#86a7e1 rgb(134,167,225)
```
#96b2e5
```
#96b2e5 rgb(150,178,229)
```
#a6bee9
```
#a6bee9 rgb(166,190,233)
```
#b5c9ed
```
#b5c9ed rgb(181,201,237)
```
#c5d5f1
```
#c5d5f1 rgb(197,213,241)
```
#d5e0f5
```
#d5e0f5 rgb(213,224,245)
```
#e5ecf8
```
#e5ecf8 rgb(229,236,248)
```
#f4f7fc
```
#f4f7fc rgb(244,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686d76 is the less saturated color, while #0150dd is the most saturated one.

#686d76
```
#686d76 rgb(104,109,118)
```
#5f6b7f
```
#5f6b7f rgb(95,107,127)
```
#576887
```
#576887 rgb(87,104,135)
```
#4e6690
```
#4e6690 rgb(78,102,144)
```
#466398
```
#466398 rgb(70,99,152)
```
#3d61a1
```
#3d61a1 rgb(61,97,161)
```
#355ea9
```
#355ea9 rgb(53,94,169)
```
#2c5cb2
```
#2c5cb2 rgb(44,92,178)
```
#235abb
```
#235abb rgb(35,90,187)
```
#1b57c3
```
#1b57c3 rgb(27,87,195)
```
#1255cc
```
#1255cc rgb(18,85,204)
```
#0a52d4
```
#0a52d4 rgb(10,82,212)
```
#0150dd
```
#0150dd rgb(1,80,221)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4e5869 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3664b6 Protanopia 1% of men
#0069ae Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

#3261b4 Protanomaly 1% of men, 0.01% of women
#1064af Deuteranomaly 6% of men, 0.4% of women
#10698d Tritanomaly 0.01% of the population