#2d8de9 hex color

In a RGB color space, hex #2d8de9 is composed of 17.6% red, 55.3% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 39.5% magenta, 0% yellow and 8.6% black. It has a hue angle of 209.4 degrees, a saturation of 81% and a lightness of 54.5%. #2d8de9 color hex could be obtained by blending #5affff with #001bd3. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 55
- B 91
RGB color chart
- C 81
- M 39
- Y 0
- K 9
CMYK color chart

● #2d8de9 color description : Bright blue.

The hexadecimal color #2d8de9 has RGB values of R:45, G:141, B:233 and CMYK values of C:0.81, M:0.39, Y:0, K:0.09. Its decimal value is 2985449.

Hex triplet	2d8de9	`#2d8de9`
RGB Decimal	45, 141, 233	`rgb(45,141,233)`
RGB Percent	17.6, 55.3, 91.4	`rgb(17.6%,55.3%,91.4%)`
CMYK	81, 39, 0, 9
HSL	209.4°, 81, 54.5	`hsl(209.4,81%,54.5%)`
HSV (or HSB)	209.4°, 80.7, 91.4
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.548, 4.665, -54.167
XYZ	25.312, 25.489, 80.672
xyY	0.193, 0.194, 25.489
CIE-LCH	57.548, 54.367, 274.923
CIE-LUV	57.548, -31.417, -86.207
Hunter-Lab	50.486, 1.141, -59.399
Binary	00101101, 10001101, 11101001

#2d8de9
```
#2d8de9 rgb(45,141,233)
```
#e9892d
```
#e9892d rgb(233,137,45)
```

Complementary Color

#2de9e7
```
#2de9e7 rgb(45,233,231)
```
#2d8de9
```
#2d8de9 rgb(45,141,233)
```
#2d2fe9
```
#2d2fe9 rgb(45,47,233)
```

Analogous Color

#e9e72d
```
#e9e72d rgb(233,231,45)
```
#2d8de9
```
#2d8de9 rgb(45,141,233)
```
#e92d2f
```
#e92d2f rgb(233,45,47)
```

Split Complementary Color

#8de92d
```
#8de92d rgb(141,233,45)
```
#2d8de9
```
#2d8de9 rgb(45,141,233)
```
#e92d8d
```
#e92d8d rgb(233,45,141)
```

Triadic Color

#2de989
```
#2de989 rgb(45,233,137)
```
#2d8de9
```
#2d8de9 rgb(45,141,233)
```
#e92d8d
```
#e92d8d rgb(233,45,141)
```
#e9892d
```
#e9892d rgb(233,137,45)
```

Tetradic Color

#1366b6
```
#1366b6 rgb(19,102,182)
```
#1673cd
```
#1673cd rgb(22,115,205)
```
#1880e5
```
#1880e5 rgb(24,128,229)
```
#2d8de9
```
#2d8de9 rgb(45,141,233)
```
#449aeb
```
#449aeb rgb(68,154,235)
```
#5ba6ee
```
#5ba6ee rgb(91,166,238)
```
#72b3f0
```
#72b3f0 rgb(114,179,240)
```

Monochromatic Color

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

#2dbce9
```
#2dbce9 rgb(45,188,233)
```
#2dace9
```
#2dace9 rgb(45,172,233)
```
#2d9de9
```
#2d9de9 rgb(45,157,233)
```
#2d8de9
```
#2d8de9 rgb(45,141,233)
```
#2d7de9
```
#2d7de9 rgb(45,125,233)
```
#2d6ee9
```
#2d6ee9 rgb(45,110,233)
```
#2d5ee9
```
#2d5ee9 rgb(45,94,233)
```

Similar Colors

Text with hexadecimal color #2d8de9

This text has a font color of #2d8de9.

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

#2d8de9 background color

This paragraph has a background color of #2d8de9.

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

#2d8de9 border color

This element has a border color of #2d8de9.

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

CSS codes

.text {color:#2d8de9;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#020c15
```
#020c15 rgb(2,12,21)
```
#041627
```
#041627 rgb(4,22,39)
```
#062038
```
#062038 rgb(6,32,56)
```
#082a4a
```
#082a4a rgb(8,42,74)
```
#0a345c
```
#0a345c rgb(10,52,92)
```
#0b3e6e
```
#0b3e6e rgb(11,62,110)
```
#0d487f
```
#0d487f rgb(13,72,127)
```
#0f5291
```
#0f5291 rgb(15,82,145)
```
#115ca3
```
#115ca3 rgb(17,92,163)
```
#1365b5
```
#1365b5 rgb(19,101,181)
```
#156fc6
```
#156fc6 rgb(21,111,198)
```
#1779d8
```
#1779d8 rgb(23,121,216)
```

Shade Color Variation

#1b83e7
```
#1b83e7 rgb(27,131,231)
```
#2d8de9
```
#2d8de9 rgb(45,141,233)
```
#3f97eb
```
#3f97eb rgb(63,151,235)
```
#51a0ed
```
#51a0ed rgb(81,160,237)
```
#62aaef
```
#62aaef rgb(98,170,239)
```
#74b4f0
```
#74b4f0 rgb(116,180,240)
```
#86bdf2
```
#86bdf2 rgb(134,189,242)
```
#98c7f4
```
#98c7f4 rgb(152,199,244)
```
#a9d0f6
```
#a9d0f6 rgb(169,208,246)
```
#bbdaf8
```
#bbdaf8 rgb(187,218,248)
```
#cde4fa
```
#cde4fa rgb(205,228,250)
```
#dfedfc
```
#dfedfc rgb(223,237,252)
```
#f0f7fd
```
#f0f7fd rgb(240,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868b90 is the less saturated color, while #1b8dfb is the most saturated one.

#868b90
```
#868b90 rgb(134,139,144)
```
#7d8b99
```
#7d8b99 rgb(125,139,153)
```
#748ba2
```
#748ba2 rgb(116,139,162)
```
#6b8cab
```
#6b8cab rgb(107,140,171)
```
#638cb3
```
#638cb3 rgb(99,140,179)
```
#5a8cbc
```
#5a8cbc rgb(90,140,188)
```
#518cc5
```
#518cc5 rgb(81,140,197)
```
#488cce
```
#488cce rgb(72,140,206)
```
#3f8dd7
```
#3f8dd7 rgb(63,141,215)
```
#368de0
```
#368de0 rgb(54,141,224)
```
#2d8de9
```
#2d8de9 rgb(45,141,233)
```
#248df2
```
#248df2 rgb(36,141,242)
```
#1b8dfb
```
#1b8dfb rgb(27,141,251)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6b7f91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#688de5 Protanopia 1% of men
#4491ea Deuteranopia 1% of men
#009ea8 Tritanopia 0.001% of the population

Trichromacy

#528de6 Protanomaly 1% of men, 0.01% of women
#3b90ea Deuteranomaly 6% of men, 0.4% of women
#1098c0 Tritanomaly 0.01% of the population

#2d8de9 hex color

#2d8de9 Color Information

#2d8de9 Color Conversion

Color Schemes with #2d8de9

Alternatives to #2d8de9

#2d8de9 Preview

Shades and Tints of #2d8de9

Tones of #2d8de9

Color Blindness Simulator