#2d8bd2 hex color

In a RGB color space, hex #2d8bd2 is composed of 17.6% red, 54.5% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 33.8% magenta, 0% yellow and 17.6% black. It has a hue angle of 205.8 degrees, a saturation of 64.7% and a lightness of 50%. #2d8bd2 color hex could be obtained by blending #5affff with #0017a5. Closest websafe color is: #3399cc.

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

● #2d8bd2 color description : Strong blue.

The hexadecimal color #2d8bd2 has RGB values of R:45, G:139, B:210 and CMYK values of C:0.79, M:0.34, Y:0, K:0.18. Its decimal value is 2984914.

Hex triplet	2d8bd2	`#2d8bd2`
RGB Decimal	45, 139, 210	`rgb(45,139,210)`
RGB Percent	17.6, 54.5, 82.4	`rgb(17.6%,54.5%,82.4%)`
CMYK	79, 34, 0, 18
HSL	205.8°, 64.7, 50	`hsl(205.8,64.7%,50%)`
HSV (or HSB)	205.8°, 78.6, 82.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.76, -2.573, -44.142
XYZ	21.945, 23.674, 64.382
xyY	0.199, 0.215, 23.674
CIE-LCH	55.76, 44.217, 266.664
CIE-LUV	55.76, -31.82, -68.622
Hunter-Lab	48.656, -4.642, -44.393
Binary	00101101, 10001011, 11010010

#2d8bd2
```
#2d8bd2 rgb(45,139,210)
```
#d2742d
```
#d2742d rgb(210,116,45)
```

Complementary Color

#2dd2c7
```
#2dd2c7 rgb(45,210,199)
```
#2d8bd2
```
#2d8bd2 rgb(45,139,210)
```
#2d39d2
```
#2d39d2 rgb(45,57,210)
```

Analogous Color

#d2c72d
```
#d2c72d rgb(210,199,45)
```
#2d8bd2
```
#2d8bd2 rgb(45,139,210)
```
#d22d39
```
#d22d39 rgb(210,45,57)
```

Split Complementary Color

#8bd22d
```
#8bd22d rgb(139,210,45)
```
#2d8bd2
```
#2d8bd2 rgb(45,139,210)
```
#d22d8b
```
#d22d8b rgb(210,45,139)
```

Triadic Color

#2dd274
```
#2dd274 rgb(45,210,116)
```
#2d8bd2
```
#2d8bd2 rgb(45,139,210)
```
#d22d8b
```
#d22d8b rgb(210,45,139)
```
#d2742d
```
#d2742d rgb(210,116,45)
```

Tetradic Color

#206193
```
#206193 rgb(32,97,147)
```
#246fa8
```
#246fa8 rgb(36,111,168)
```
#297dbd
```
#297dbd rgb(41,125,189)
```
#2d8bd2
```
#2d8bd2 rgb(45,139,210)
```
#4297d7
```
#4297d7 rgb(66,151,215)
```
#57a2db
```
#57a2db rgb(87,162,219)
```
#6caee0
```
#6caee0 rgb(108,174,224)
```

Monochromatic Color

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

#2db4d2
```
#2db4d2 rgb(45,180,210)
```
#2da7d2
```
#2da7d2 rgb(45,167,210)
```
#2d99d2
```
#2d99d2 rgb(45,153,210)
```
#2d8bd2
```
#2d8bd2 rgb(45,139,210)
```
#2d7dd2
```
#2d7dd2 rgb(45,125,210)
```
#2d70d2
```
#2d70d2 rgb(45,112,210)
```
#2d62d2
```
#2d62d2 rgb(45,98,210)
```

Similar Colors

Text with hexadecimal color #2d8bd2

This text has a font color of #2d8bd2.

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

#2d8bd2 background color

This paragraph has a background color of #2d8bd2.

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

#2d8bd2 border color

This element has a border color of #2d8bd2.

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

CSS codes

.text {color:#2d8bd2;}

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

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

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, #030b10 is the darkest color, while #ffffff is the lightest one.

#030b10
```
#030b10 rgb(3,11,16)
```
#071520
```
#071520 rgb(7,21,32)
```
#0a2030
```
#0a2030 rgb(10,32,48)
```
#0e2b41
```
#0e2b41 rgb(14,43,65)
```
#113551
```
#113551 rgb(17,53,81)
```
#154061
```
#154061 rgb(21,64,97)
```
#184b71
```
#184b71 rgb(24,75,113)
```
#1c5681
```
#1c5681 rgb(28,86,129)
```
#1f6091
```
#1f6091 rgb(31,96,145)
```
#236ba2
```
#236ba2 rgb(35,107,162)
```
#2676b2
```
#2676b2 rgb(38,118,178)
```
#2a80c2
```
#2a80c2 rgb(42,128,194)
```
#2d8bd2
```
#2d8bd2 rgb(45,139,210)
```

Shade Color Variation

#3d94d5
```
#3d94d5 rgb(61,148,213)
```
#4d9dd9
```
#4d9dd9 rgb(77,157,217)
```
#5da6dc
```
#5da6dc rgb(93,166,220)
```
#6eafe0
```
#6eafe0 rgb(110,175,224)
```
#7eb8e3
```
#7eb8e3 rgb(126,184,227)
```
#8ec1e7
```
#8ec1e7 rgb(142,193,231)
```
#9ec9ea
```
#9ec9ea rgb(158,201,234)
```
#aed2ee
```
#aed2ee rgb(174,210,238)
```
#bedbf1
```
#bedbf1 rgb(190,219,241)
```
#cfe4f5
```
#cfe4f5 rgb(207,228,245)
```
#dfedf8
```
#dfedf8 rgb(223,237,248)
```
#eff6fc
```
#eff6fc rgb(239,246,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b8084
```
#7b8084 rgb(123,128,132)
```
#72818d
```
#72818d rgb(114,129,141)
```
#688397
```
#688397 rgb(104,131,151)
```
#5e84a1
```
#5e84a1 rgb(94,132,161)
```
#5486ab
```
#5486ab rgb(84,134,171)
```
#4a87b5
```
#4a87b5 rgb(74,135,181)
```
#4188be
```
#4188be rgb(65,136,190)
```
#378ac8
```
#378ac8 rgb(55,138,200)
```
#2d8bd2
```
#2d8bd2 rgb(45,139,210)
```
#238cdc
```
#238cdc rgb(35,140,220)
```
#198ee6
```
#198ee6 rgb(25,142,230)
```
#108fef
```
#108fef rgb(16,143,239)
```
#0690f9
```
#0690f9 rgb(6,144,249)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#687b89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7189ce Protanopia 1% of men
#5c8cd6 Deuteranopia 1% of men
#0099a4 Tritanopia 0.001% of the population

Trichromacy

#588acf Protanomaly 1% of men, 0.01% of women
#4b8bd4 Deuteranomaly 6% of men, 0.4% of women
#1094b4 Tritanomaly 0.01% of the population

#2d8bd2 hex color

#2d8bd2 Color Information

#2d8bd2 Color Conversion

Color Schemes with #2d8bd2

Alternatives to #2d8bd2

#2d8bd2 Preview

Shades and Tints of #2d8bd2

Tones of #2d8bd2

Color Blindness Simulator