#2c5cdd hex color

In a RGB color space, hex #2c5cdd is composed of 17.3% red, 36.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 58.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 223.7 degrees, a saturation of 72.2% and a lightness of 52%. #2c5cdd color hex could be obtained by blending #58b8ff with #0000bb. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 36
- B 87
RGB color chart
- C 80
- M 58
- Y 0
- K 13
CMYK color chart

● #2c5cdd color description : Bright blue.

The hexadecimal color #2c5cdd has RGB values of R:44, G:92, B:221 and CMYK values of C:0.8, M:0.58, Y:0, K:0.13. Its decimal value is 2907357.

Hex triplet	2c5cdd	`#2c5cdd`
RGB Decimal	44, 92, 221	`rgb(44,92,221)`
RGB Percent	17.3, 36.1, 86.7	`rgb(17.3%,36.1%,86.7%)`
CMYK	80, 58, 0, 13
HSL	223.7°, 72.2, 52	`hsl(223.7,72.2%,52%)`
HSV (or HSB)	223.7°, 80.1, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.373, 30.757, -70.285
XYZ	17.914, 13.409, 70.047
xyY	0.177, 0.132, 13.409
CIE-LCH	43.373, 76.72, 293.634
CIE-LUV	43.373, -17.412, -105.527
Hunter-Lab	36.618, 23.244, -87.783
Binary	00101100, 01011100, 11011101

#2c5cdd
```
#2c5cdd rgb(44,92,221)
```
#ddad2c
```
#ddad2c rgb(221,173,44)
```

Complementary Color

#2cb5dd
```
#2cb5dd rgb(44,181,221)
```
#2c5cdd
```
#2c5cdd rgb(44,92,221)
```
#552cdd
```
#552cdd rgb(85,44,221)
```

Analogous Color

#b5dd2c
```
#b5dd2c rgb(181,221,44)
```
#2c5cdd
```
#2c5cdd rgb(44,92,221)
```
#dd552c
```
#dd552c rgb(221,85,44)
```

Split Complementary Color

#5cdd2c
```
#5cdd2c rgb(92,221,44)
```
#2c5cdd
```
#2c5cdd rgb(44,92,221)
```
#dd2c5c
```
#dd2c5c rgb(221,44,92)
```

Triadic Color

#2cddad
```
#2cddad rgb(44,221,173)
```
#2c5cdd
```
#2c5cdd rgb(44,92,221)
```
#dd2c5c
```
#dd2c5c rgb(221,44,92)
```
#ddad2c
```
#ddad2c rgb(221,173,44)
```

Tetradic Color

#1a3fa2
```
#1a3fa2 rgb(26,63,162)
```
#1e48b8
```
#1e48b8 rgb(30,72,184)
```
#2150ce
```
#2150ce rgb(33,80,206)
```
#2c5cdd
```
#2c5cdd rgb(44,92,221)
```
#426de1
```
#426de1 rgb(66,109,225)
```
#587ee4
```
#587ee4 rgb(88,126,228)
```
#6e8fe8
```
#6e8fe8 rgb(110,143,232)
```

Monochromatic Color

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

#2c88dd
```
#2c88dd rgb(44,136,221)
```
#2c7add
```
#2c7add rgb(44,122,221)
```
#2c6bdd
```
#2c6bdd rgb(44,107,221)
```
#2c5cdd
```
#2c5cdd rgb(44,92,221)
```
#2c4ddd
```
#2c4ddd rgb(44,77,221)
```
#2c3fdd
```
#2c3fdd rgb(44,63,221)
```
#2c30dd
```
#2c30dd rgb(44,48,221)
```

Similar Colors

Text with hexadecimal color #2c5cdd

This text has a font color of #2c5cdd.

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

#2c5cdd background color

This paragraph has a background color of #2c5cdd.

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

#2c5cdd border color

This element has a border color of #2c5cdd.

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

CSS codes

.text {color:#2c5cdd;}

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

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

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

#010309
```
#010309 rgb(1,3,9)
```
#040a1a
```
#040a1a rgb(4,10,26)
```
#07102a
```
#07102a rgb(7,16,42)
```
#0a173b
```
#0a173b rgb(10,23,59)
```
#0c1e4c
```
#0c1e4c rgb(12,30,76)
```
#0f245d
```
#0f245d rgb(15,36,93)
```
#122b6e
```
#122b6e rgb(18,43,110)
```
#14317f
```
#14317f rgb(20,49,127)
```
#173890
```
#173890 rgb(23,56,144)
```
#1a3ea1
```
#1a3ea1 rgb(26,62,161)
```
#1d45b2
```
#1d45b2 rgb(29,69,178)
```
#1f4cc2
```
#1f4cc2 rgb(31,76,194)
```
#2252d3
```
#2252d3 rgb(34,82,211)
```

Shade Color Variation

#2c5cdd
```
#2c5cdd rgb(44,92,221)
```
#3d69e0
```
#3d69e0 rgb(61,105,224)
```
#4e76e2
```
#4e76e2 rgb(78,118,226)
```
#5f83e5
```
#5f83e5 rgb(95,131,229)
```
#7090e8
```
#7090e8 rgb(112,144,232)
```
#809deb
```
#809deb rgb(128,157,235)
```
#91aaed
```
#91aaed rgb(145,170,237)
```
#a2b7f0
```
#a2b7f0 rgb(162,183,240)
```
#b3c4f3
```
#b3c4f3 rgb(179,196,243)
```
#c4d1f5
```
#c4d1f5 rgb(196,209,245)
```
#d5dff8
```
#d5dff8 rgb(213,223,248)
```
#e6ecfb
```
#e6ecfb rgb(230,236,251)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

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

#818388
```
#818388 rgb(129,131,136)
```
#777e92
```
#777e92 rgb(119,126,146)
```
#6e7a9b
```
#6e7a9b rgb(110,122,155)
```
#6576a4
```
#6576a4 rgb(101,118,164)
```
#5b72ae
```
#5b72ae rgb(91,114,174)
```
#526db7
```
#526db7 rgb(82,109,183)
```
#4869c1
```
#4869c1 rgb(72,105,193)
```
#3f65ca
```
#3f65ca rgb(63,101,202)
```
#3560d4
```
#3560d4 rgb(53,96,212)
```
#2c5cdd
```
#2c5cdd rgb(44,92,221)
```
#2358e6
```
#2358e6 rgb(35,88,230)
```
#1953f0
```
#1953f0 rgb(25,83,240)
```
#104ff9
```
#104ff9 rgb(16,79,249)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#525c76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#0071b6 Deuteranopia 1% of men
#007980 Tritanopia 0.001% of the population

Trichromacy

#1065d5 Protanomaly 1% of men, 0.01% of women
#1069c4 Deuteranomaly 6% of men, 0.4% of women
#106ea1 Tritanomaly 0.01% of the population

#2c5cdd hex color

#2c5cdd Color Information

#2c5cdd Color Conversion

Color Schemes with #2c5cdd

Alternatives to #2c5cdd

#2c5cdd Preview

Shades and Tints of #2c5cdd

Tones of #2c5cdd

Color Blindness Simulator