#2d5ccd hex color

In a RGB color space, hex #2d5ccd is composed of 17.6% red, 36.1% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 55.1% magenta, 0% yellow and 19.6% black. It has a hue angle of 222.4 degrees, a saturation of 64% and a lightness of 49%. #2d5ccd color hex could be obtained by blending #5ab8ff with #00009b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 36
- B 80
RGB color chart
- C 78
- M 55
- Y 0
- K 20
CMYK color chart

● #2d5ccd color description : Strong blue.

The hexadecimal color #2d5ccd has RGB values of R:45, G:92, B:205 and CMYK values of C:0.78, M:0.55, Y:0, K:0.2. Its decimal value is 2972877.

Hex triplet	2d5ccd	`#2d5ccd`
RGB Decimal	45, 92, 205	`rgb(45,92,205)`
RGB Percent	17.6, 36.1, 80.4	`rgb(17.6%,36.1%,80.4%)`
CMYK	78, 55, 0, 20
HSL	222.4°, 64, 49	`hsl(222.4,64%,49%)`
HSV (or HSB)	222.4°, 78, 80.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.183, 24.864, -63.059
XYZ	15.926, 12.619, 59.351
xyY	0.181, 0.144, 12.619
CIE-LCH	42.183, 67.784, 291.519
CIE-LUV	42.183, -17.339, -94.328
Hunter-Lab	35.523, 17.864, -74.194
Binary	00101101, 01011100, 11001101

#2d5ccd
```
#2d5ccd rgb(45,92,205)
```
#cd9e2d
```
#cd9e2d rgb(205,158,45)
```

Complementary Color

#2daccd
```
#2daccd rgb(45,172,205)
```
#2d5ccd
```
#2d5ccd rgb(45,92,205)
```
#4e2dcd
```
#4e2dcd rgb(78,45,205)
```

Analogous Color

#accd2d
```
#accd2d rgb(172,205,45)
```
#2d5ccd
```
#2d5ccd rgb(45,92,205)
```
#cd4e2d
```
#cd4e2d rgb(205,78,45)
```

Split Complementary Color

#5ccd2d
```
#5ccd2d rgb(92,205,45)
```
#2d5ccd
```
#2d5ccd rgb(45,92,205)
```
#cd2d5c
```
#cd2d5c rgb(205,45,92)
```

Triadic Color

#2dcd9e
```
#2dcd9e rgb(45,205,158)
```
#2d5ccd
```
#2d5ccd rgb(45,92,205)
```
#cd2d5c
```
#cd2d5c rgb(205,45,92)
```
#cd9e2d
```
#cd9e2d rgb(205,158,45)
```

Tetradic Color

#1f408e
```
#1f408e rgb(31,64,142)
```
#2449a3
```
#2449a3 rgb(36,73,163)
```
#2853b8
```
#2853b8 rgb(40,83,184)
```
#2d5ccd
```
#2d5ccd rgb(45,92,205)
```
#3f6bd5
```
#3f6bd5 rgb(63,107,213)
```
#547bd9
```
#547bd9 rgb(84,123,217)
```
#698bde
```
#698bde rgb(105,139,222)
```

Monochromatic Color

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

#2d84cd
```
#2d84cd rgb(45,132,205)
```
#2d77cd
```
#2d77cd rgb(45,119,205)
```
#2d69cd
```
#2d69cd rgb(45,105,205)
```
#2d5ccd
```
#2d5ccd rgb(45,92,205)
```
#2d4fcd
```
#2d4fcd rgb(45,79,205)
```
#2d41cd
```
#2d41cd rgb(45,65,205)
```
#2d34cd
```
#2d34cd rgb(45,52,205)
```

Similar Colors

Text with hexadecimal color #2d5ccd

This text has a font color of #2d5ccd.

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

#2d5ccd background color

This paragraph has a background color of #2d5ccd.

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

#2d5ccd border color

This element has a border color of #2d5ccd.

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

CSS codes

.text {color:#2d5ccd;}

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

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

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, #03050c is the darkest color, while #fbfcfe is the lightest one.

#03050c
```
#03050c rgb(3,5,12)
```
#060d1c
```
#060d1c rgb(6,13,28)
```
#0a142c
```
#0a142c rgb(10,20,44)
```
#0d1b3c
```
#0d1b3c rgb(13,27,60)
```
#11224c
```
#11224c rgb(17,34,76)
```
#14295c
```
#14295c rgb(20,41,92)
```
#18316c
```
#18316c rgb(24,49,108)
```
#1b387d
```
#1b387d rgb(27,56,125)
```
#1f3f8d
```
#1f3f8d rgb(31,63,141)
```
#22469d
```
#22469d rgb(34,70,157)
```
#264ead
```
#264ead rgb(38,78,173)
```
#2955bd
```
#2955bd rgb(41,85,189)
```
#2d5ccd
```
#2d5ccd rgb(45,92,205)
```

Shade Color Variation

#3a67d4
```
#3a67d4 rgb(58,103,212)
```
#4a73d7
```
#4a73d7 rgb(74,115,215)
```
#5a80db
```
#5a80db rgb(90,128,219)
```
#6a8cde
```
#6a8cde rgb(106,140,222)
```
#7a99e2
```
#7a99e2 rgb(122,153,226)
```
#8aa5e5
```
#8aa5e5 rgb(138,165,229)
```
#9ab1e9
```
#9ab1e9 rgb(154,177,233)
```
#aabeec
```
#aabeec rgb(170,190,236)
```
#bbcaf0
```
#bbcaf0 rgb(187,202,240)
```
#cbd7f4
```
#cbd7f4 rgb(203,215,244)
```
#dbe3f7
```
#dbe3f7 rgb(219,227,247)
```
#ebeffb
```
#ebeffb rgb(235,239,251)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7c80 is the less saturated color, while #074cf3 is the most saturated one.

#7a7c80
```
#7a7c80 rgb(122,124,128)
```
#70788a
```
#70788a rgb(112,120,138)
```
#677493
```
#677493 rgb(103,116,147)
```
#5d709d
```
#5d709d rgb(93,112,157)
```
#536ca7
```
#536ca7 rgb(83,108,167)
```
#4a68b0
```
#4a68b0 rgb(74,104,176)
```
#4064ba
```
#4064ba rgb(64,100,186)
```
#3760c3
```
#3760c3 rgb(55,96,195)
```
#2d5ccd
```
#2d5ccd rgb(45,92,205)
```
#2358d7
```
#2358d7 rgb(35,88,215)
```
#1a54e0
```
#1a54e0 rgb(26,84,224)
```
#1050ea
```
#1050ea rgb(16,80,234)
```
#074cf3
```
#074cf3 rgb(7,76,243)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#525b72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cc Protanopia 1% of men
#006eb3 Deuteranopia 1% of men
#00767d Tritanopia 0.001% of the population

Trichromacy

#1063cc Protanomaly 1% of men, 0.01% of women
#1067bc Deuteranomaly 6% of men, 0.4% of women
#106c9a Tritanomaly 0.01% of the population

#2d5ccd hex color

#2d5ccd Color Information

#2d5ccd Color Conversion

Color Schemes with #2d5ccd

Alternatives to #2d5ccd

#2d5ccd Preview

Shades and Tints of #2d5ccd

Tones of #2d5ccd

Color Blindness Simulator