#2d8df9 hex color

In a RGB color space, hex #2d8df9 is composed of 17.6% red, 55.3% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 43.4% magenta, 0% yellow and 2.4% black. It has a hue angle of 211.8 degrees, a saturation of 94.4% and a lightness of 57.6%. #2d8df9 color hex could be obtained by blending #5affff with #001bf3. Closest websafe color is: #3399ff.

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

● #2d8df9 color description : Bright blue.

The hexadecimal color #2d8df9 has RGB values of R:45, G:141, B:249 and CMYK values of C:0.82, M:0.43, Y:0, K:0.02. Its decimal value is 2985465.

Hex triplet	2d8df9	`#2d8df9`
RGB Decimal	45, 141, 249	`rgb(45,141,249)`
RGB Percent	17.6, 55.3, 97.6	`rgb(17.6%,55.3%,97.6%)`
CMYK	82, 43, 0, 2
HSL	211.8°, 94.4, 57.6	`hsl(211.8,94.4%,57.6%)`
HSV (or HSB)	211.8°, 81.9, 97.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.457, 10.573, -61.564
XYZ	27.702, 26.445, 93.262
xyY	0.188, 0.179, 26.445
CIE-LCH	58.457, 62.465, 279.745
CIE-LUV	58.457, -30.761, -99.05
Hunter-Lab	51.425, 6.164, -71.529
Binary	00101101, 10001101, 11111001

#2d8df9
```
#2d8df9 rgb(45,141,249)
```
#f9992d
```
#f9992d rgb(249,153,45)
```

Complementary Color

#2df3f9
```
#2df3f9 rgb(45,243,249)
```
#2d8df9
```
#2d8df9 rgb(45,141,249)
```
#332df9
```
#332df9 rgb(51,45,249)
```

Analogous Color

#f3f92d
```
#f3f92d rgb(243,249,45)
```
#2d8df9
```
#2d8df9 rgb(45,141,249)
```
#f9332d
```
#f9332d rgb(249,51,45)
```

Split Complementary Color

#8df92d
```
#8df92d rgb(141,249,45)
```
#2d8df9
```
#2d8df9 rgb(45,141,249)
```
#f92d8d
```
#f92d8d rgb(249,45,141)
```

Triadic Color

#2df999
```
#2df999 rgb(45,249,153)
```
#2d8df9
```
#2d8df9 rgb(45,141,249)
```
#f92d8d
```
#f92d8d rgb(249,45,141)
```
#f9992d
```
#f9992d rgb(249,153,45)
```

Tetradic Color

#0667d3
```
#0667d3 rgb(6,103,211)
```
#0773ec
```
#0773ec rgb(7,115,236)
```
#1480f8
```
#1480f8 rgb(20,128,248)
```
#2d8df9
```
#2d8df9 rgb(45,141,249)
```
#469afa
```
#469afa rgb(70,154,250)
```
#5fa8fa
```
#5fa8fa rgb(95,168,250)
```
#77b5fb
```
#77b5fb rgb(119,181,251)
```

Monochromatic Color

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

#2dc0f9
```
#2dc0f9 rgb(45,192,249)
```
#2daff9
```
#2daff9 rgb(45,175,249)
```
#2d9ef9
```
#2d9ef9 rgb(45,158,249)
```
#2d8df9
```
#2d8df9 rgb(45,141,249)
```
#2d7cf9
```
#2d7cf9 rgb(45,124,249)
```
#2d6bf9
```
#2d6bf9 rgb(45,107,249)
```
#2d5af9
```
#2d5af9 rgb(45,90,249)
```

Similar Colors

Text with hexadecimal color #2d8df9

This text has a font color of #2d8df9.

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

#2d8df9 background color

This paragraph has a background color of #2d8df9.

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

#2d8df9 border color

This element has a border color of #2d8df9.

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

CSS codes

.text {color:#2d8df9;}

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

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

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

#010913
```
#010913 rgb(1,9,19)
```
#011226
```
#011226 rgb(1,18,38)
```
#021c39
```
#021c39 rgb(2,28,57)
```
#02254c
```
#02254c rgb(2,37,76)
```
#032e5f
```
#032e5f rgb(3,46,95)
```
#033772
```
#033772 rgb(3,55,114)
```
#044185
```
#044185 rgb(4,65,133)
```
#044a98
```
#044a98 rgb(4,74,152)
```
#0553ab
```
#0553ab rgb(5,83,171)
```
#055dbe
```
#055dbe rgb(5,93,190)
```
#0666d2
```
#0666d2 rgb(6,102,210)
```
#076fe5
```
#076fe5 rgb(7,111,229)
```
#0778f8
```
#0778f8 rgb(7,120,248)
```

Shade Color Variation

#1a83f8
```
#1a83f8 rgb(26,131,248)
```
#2d8df9
```
#2d8df9 rgb(45,141,249)
```
#4097fa
```
#4097fa rgb(64,151,250)
```
#53a2fa
```
#53a2fa rgb(83,162,250)
```
#66acfb
```
#66acfb rgb(102,172,251)
```
#79b6fb
```
#79b6fb rgb(121,182,251)
```
#8cc1fc
```
#8cc1fc rgb(140,193,252)
```
#9fcbfc
```
#9fcbfc rgb(159,203,252)
```
#b2d5fd
```
#b2d5fd rgb(178,213,253)
```
#c6e0fd
```
#c6e0fd rgb(198,224,253)
```
#d9eafe
```
#d9eafe rgb(217,234,254)
```
#ecf5fe
```
#ecf5fe rgb(236,245,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#919395
```
#919395 rgb(145,147,149)
```
#88929e
```
#88929e rgb(136,146,158)
```
#8092a6
```
#8092a6 rgb(128,146,166)
```
#7891ae
```
#7891ae rgb(120,145,174)
```
#6f91b7
```
#6f91b7 rgb(111,145,183)
```
#6790bf
```
#6790bf rgb(103,144,191)
```
#5f90c7
```
#5f90c7 rgb(95,144,199)
```
#578fcf
```
#578fcf rgb(87,143,207)
```
#4e8fd8
```
#4e8fd8 rgb(78,143,216)
```
#468ee0
```
#468ee0 rgb(70,142,224)
```
#3e8ee8
```
#3e8ee8 rgb(62,142,232)
```
#358df1
```
#358df1 rgb(53,141,241)
```
#2d8df9
```
#2d8df9 rgb(45,141,249)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6d8096 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d8ff6 Protanopia 1% of men
#0b94f8 Deuteranopia 1% of men
#00a0aa Tritanopia 0.001% of the population

Trichromacy

#4b8ef7 Protanomaly 1% of men, 0.01% of women
#1791f8 Deuteranomaly 6% of men, 0.4% of women
#1099c7 Tritanomaly 0.01% of the population

#2d8df9 hex color

#2d8df9 Color Information

#2d8df9 Color Conversion

Color Schemes with #2d8df9

Alternatives to #2d8df9

#2d8df9 Preview

Shades and Tints of #2d8df9

Tones of #2d8df9

Color Blindness Simulator