#2d5ed0 hex color

In a RGB color space, hex #2d5ed0 is composed of 17.6% red, 36.9% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 54.8% magenta, 0% yellow and 18.4% black. It has a hue angle of 222 degrees, a saturation of 64.4% and a lightness of 49.6%. #2d5ed0 color hex could be obtained by blending #5abcff with #0000a1. Closest websafe color is: #3366cc.

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

● #2d5ed0 color description : Strong blue.

The hexadecimal color #2d5ed0 has RGB values of R:45, G:94, B:208 and CMYK values of C:0.78, M:0.55, Y:0, K:0.18. Its decimal value is 2973392.

Hex triplet	2d5ed0	`#2d5ed0`
RGB Decimal	45, 94, 208	`rgb(45,94,208)`
RGB Percent	17.6, 36.9, 81.6	`rgb(17.6%,36.9%,81.6%)`
CMYK	78, 55, 0, 18
HSL	222°, 64.4, 49.6	`hsl(222,64.4%,49.6%)`
HSV (or HSB)	222°, 78.4, 81.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.938, 24.699, -63.559
XYZ	16.468, 13.116, 61.335
xyY	0.181, 0.144, 13.116
CIE-LCH	42.938, 68.189, 291.236
CIE-LUV	42.938, -17.867, -95.536
Hunter-Lab	36.216, 17.786, -75.061
Binary	00101101, 01011110, 11010000

#2d5ed0
```
#2d5ed0 rgb(45,94,208)
```
#d09f2d
```
#d09f2d rgb(208,159,45)
```

Complementary Color

#2db0d0
```
#2db0d0 rgb(45,176,208)
```
#2d5ed0
```
#2d5ed0 rgb(45,94,208)
```
#4d2dd0
```
#4d2dd0 rgb(77,45,208)
```

Analogous Color

#b0d02d
```
#b0d02d rgb(176,208,45)
```
#2d5ed0
```
#2d5ed0 rgb(45,94,208)
```
#d04d2d
```
#d04d2d rgb(208,77,45)
```

Split Complementary Color

#5ed02d
```
#5ed02d rgb(94,208,45)
```
#2d5ed0
```
#2d5ed0 rgb(45,94,208)
```
#d02d5e
```
#d02d5e rgb(208,45,94)
```

Triadic Color

#2dd09f
```
#2dd09f rgb(45,208,159)
```
#2d5ed0
```
#2d5ed0 rgb(45,94,208)
```
#d02d5e
```
#d02d5e rgb(208,45,94)
```
#d09f2d
```
#d09f2d rgb(208,159,45)
```

Tetradic Color

#1f4291
```
#1f4291 rgb(31,66,145)
```
#244ba6
```
#244ba6 rgb(36,75,166)
```
#2855bb
```
#2855bb rgb(40,85,187)
```
#2d5ed0
```
#2d5ed0 rgb(45,94,208)
```
#416ed6
```
#416ed6 rgb(65,110,214)
```
#567eda
```
#567eda rgb(86,126,218)
```
#6b8edf
```
#6b8edf rgb(107,142,223)
```

Monochromatic Color

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

#2d87d0
```
#2d87d0 rgb(45,135,208)
```
#2d79d0
```
#2d79d0 rgb(45,121,208)
```
#2d6cd0
```
#2d6cd0 rgb(45,108,208)
```
#2d5ed0
```
#2d5ed0 rgb(45,94,208)
```
#2d50d0
```
#2d50d0 rgb(45,80,208)
```
#2d43d0
```
#2d43d0 rgb(45,67,208)
```
#2d35d0
```
#2d35d0 rgb(45,53,208)
```

Similar Colors

Text with hexadecimal color #2d5ed0

This text has a font color of #2d5ed0.

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

#2d5ed0 background color

This paragraph has a background color of #2d5ed0.

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

#2d5ed0 border color

This element has a border color of #2d5ed0.

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

CSS codes

.text {color:#2d5ed0;}

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

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

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, #03070e is the darkest color, while #fdfeff is the lightest one.

#03070e
```
#03070e rgb(3,7,14)
```
#070e1f
```
#070e1f rgb(7,14,31)
```
#0a152f
```
#0a152f rgb(10,21,47)
```
#0e1c3f
```
#0e1c3f rgb(14,28,63)
```
#11244f
```
#11244f rgb(17,36,79)
```
#152b5f
```
#152b5f rgb(21,43,95)
```
#18326f
```
#18326f rgb(24,50,111)
```
#1c3a7f
```
#1c3a7f rgb(28,58,127)
```
#1f418f
```
#1f418f rgb(31,65,143)
```
#2348a0
```
#2348a0 rgb(35,72,160)
```
#264fb0
```
#264fb0 rgb(38,79,176)
```
#2a57c0
```
#2a57c0 rgb(42,87,192)
```
#2d5ed0
```
#2d5ed0 rgb(45,94,208)
```

Shade Color Variation

#3c6ad5
```
#3c6ad5 rgb(60,106,213)
```
#4c76d8
```
#4c76d8 rgb(76,118,216)
```
#5c82dc
```
#5c82dc rgb(92,130,220)
```
#6c8fdf
```
#6c8fdf rgb(108,143,223)
```
#7c9be3
```
#7c9be3 rgb(124,155,227)
```
#8ca7e6
```
#8ca7e6 rgb(140,167,230)
```
#9db4ea
```
#9db4ea rgb(157,180,234)
```
#adc0ed
```
#adc0ed rgb(173,192,237)
```
#bdccf1
```
#bdccf1 rgb(189,204,241)
```
#cdd9f4
```
#cdd9f4 rgb(205,217,244)
```
#dde5f8
```
#dde5f8 rgb(221,229,248)
```
#edf1fb
```
#edf1fb rgb(237,241,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#7b7d82
```
#7b7d82 rgb(123,125,130)
```
#71798c
```
#71798c rgb(113,121,140)
```
#677596
```
#677596 rgb(103,117,150)
```
#5e719f
```
#5e719f rgb(94,113,159)
```
#546ea9
```
#546ea9 rgb(84,110,169)
```
#4a6ab3
```
#4a6ab3 rgb(74,106,179)
```
#4066bd
```
#4066bd rgb(64,102,189)
```
#3762c6
```
#3762c6 rgb(55,98,198)
```
#2d5ed0
```
#2d5ed0 rgb(45,94,208)
```
#235ada
```
#235ada rgb(35,90,218)
```
#1a56e3
```
#1a56e3 rgb(26,86,227)
```
#1052ed
```
#1052ed rgb(16,82,237)
```
#064ef7
```
#064ef7 rgb(6,78,247)
```

Tone Color Variation

Below, you can see how #2d5ed0 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
#535c73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cf Protanopia 1% of men
#006fb6 Deuteranopia 1% of men
#00787f Tritanopia 0.001% of the population

Trichromacy

#1065cf Protanomaly 1% of men, 0.01% of women
#1069bf Deuteranomaly 6% of men, 0.4% of women
#106e9c Tritanomaly 0.01% of the population

#2d5ed0 hex color

#2d5ed0 Color Information

#2d5ed0 Color Conversion

Color Schemes with #2d5ed0

Alternatives to #2d5ed0

#2d5ed0 Preview

Shades and Tints of #2d5ed0

Tones of #2d5ed0

Color Blindness Simulator