#2dafea hex color

In a RGB color space, hex #2dafea is composed of 17.6% red, 68.6% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 25.2% magenta, 0% yellow and 8.2% black. It has a hue angle of 198.7 degrees, a saturation of 81.8% and a lightness of 54.7%. #2dafea color hex could be obtained by blending #5affff with #005fd5. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 69
- B 92
RGB color chart
- C 81
- M 25
- Y 0
- K 8
CMYK color chart

● #2dafea color description : Bright blue.

The hexadecimal color #2dafea has RGB values of R:45, G:175, B:234 and CMYK values of C:0.81, M:0.25, Y:0, K:0.08. Its decimal value is 2994154.

Hex triplet	2dafea	`#2dafea`
RGB Decimal	45, 175, 234	`rgb(45,175,234)`
RGB Percent	17.6, 68.6, 91.8	`rgb(17.6%,68.6%,91.8%)`
CMYK	81, 25, 0, 8
HSL	198.7°, 81.8, 54.7	`hsl(198.7,81.8%,54.7%)`
HSV (or HSB)	198.7°, 80.8, 91.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.394, -14.323, -39.182
XYZ	31.26, 37.156, 83.362
xyY	0.206, 0.245, 37.156
CIE-LCH	67.394, 41.718, 249.92
CIE-LUV	67.394, -42.71, -60.99
Hunter-Lab	60.955, -15.132, -38.415
Binary	00101101, 10101111, 11101010

#2dafea
```
#2dafea rgb(45,175,234)
```
#ea682d
```
#ea682d rgb(234,104,45)
```

Complementary Color

#2deac7
```
#2deac7 rgb(45,234,199)
```
#2dafea
```
#2dafea rgb(45,175,234)
```
#2d51ea
```
#2d51ea rgb(45,81,234)
```

Analogous Color

#eac72d
```
#eac72d rgb(234,199,45)
```
#2dafea
```
#2dafea rgb(45,175,234)
```
#ea2d51
```
#ea2d51 rgb(234,45,81)
```

Split Complementary Color

#afea2d
```
#afea2d rgb(175,234,45)
```
#2dafea
```
#2dafea rgb(45,175,234)
```
#ea2daf
```
#ea2daf rgb(234,45,175)
```

Triadic Color

#2dea68
```
#2dea68 rgb(45,234,104)
```
#2dafea
```
#2dafea rgb(45,175,234)
```
#ea2daf
```
#ea2daf rgb(234,45,175)
```
#ea682d
```
#ea682d rgb(234,104,45)
```

Tetradic Color

#1284b8
```
#1284b8 rgb(18,132,184)
```
#1595cf
```
#1595cf rgb(21,149,207)
```
#17a6e6
```
#17a6e6 rgb(23,166,230)
```
#2dafea
```
#2dafea rgb(45,175,234)
```
#44b8ec
```
#44b8ec rgb(68,184,236)
```
#5bc1ef
```
#5bc1ef rgb(91,193,239)
```
#73c9f1
```
#73c9f1 rgb(115,201,241)
```

Monochromatic Color

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

#2ddeea
```
#2ddeea rgb(45,222,234)
```
#2dcfea
```
#2dcfea rgb(45,207,234)
```
#2dbfea
```
#2dbfea rgb(45,191,234)
```
#2dafea
```
#2dafea rgb(45,175,234)
```
#2d9fea
```
#2d9fea rgb(45,159,234)
```
#2d90ea
```
#2d90ea rgb(45,144,234)
```
#2d80ea
```
#2d80ea rgb(45,128,234)
```

Similar Colors

Text with hexadecimal color #2dafea

This text has a font color of #2dafea.

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

#2dafea background color

This paragraph has a background color of #2dafea.

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

#2dafea border color

This element has a border color of #2dafea.

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

CSS codes

.text {color:#2dafea;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#021016
```
#021016 rgb(2,16,22)
```
#041d28
```
#041d28 rgb(4,29,40)
```
#062939
```
#062939 rgb(6,41,57)
```
#08364b
```
#08364b rgb(8,54,75)
```
#09435d
```
#09435d rgb(9,67,93)
```
#0b506f
```
#0b506f rgb(11,80,111)
```
#0d5d81
```
#0d5d81 rgb(13,93,129)
```
#0f6993
```
#0f6993 rgb(15,105,147)
```
#1076a4
```
#1076a4 rgb(16,118,164)
```
#1283b6
```
#1283b6 rgb(18,131,182)
```
#1490c8
```
#1490c8 rgb(20,144,200)
```
#169dda
```
#169dda rgb(22,157,218)
```

Shade Color Variation

#1ba8e8
```
#1ba8e8 rgb(27,168,232)
```
#2dafea
```
#2dafea rgb(45,175,234)
```
#3fb6ec
```
#3fb6ec rgb(63,182,236)
```
#51bdee
```
#51bdee rgb(81,189,238)
```
#62c3ef
```
#62c3ef rgb(98,195,239)
```
#74caf1
```
#74caf1 rgb(116,202,241)
```
#86d1f3
```
#86d1f3 rgb(134,209,243)
```
#98d8f5
```
#98d8f5 rgb(152,216,245)
```
#aadff6
```
#aadff6 rgb(170,223,246)
```
#bce5f8
```
#bce5f8 rgb(188,229,248)
```
#cdecfa
```
#cdecfa rgb(205,236,250)
```
#dff3fc
```
#dff3fc rgb(223,243,252)
```
#f1fafe
```
#f1fafe rgb(241,250,254)
```

Tint Color Variation

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

#868e91
```
#868e91 rgb(134,142,145)
```
#7d919a
```
#7d919a rgb(125,145,154)
```
#7494a3
```
#7494a3 rgb(116,148,163)
```
#6b98ac
```
#6b98ac rgb(107,152,172)
```
#629bb5
```
#629bb5 rgb(98,155,181)
```
#599ebe
```
#599ebe rgb(89,158,190)
```
#51a2c6
```
#51a2c6 rgb(81,162,198)
```
#48a5cf
```
#48a5cf rgb(72,165,207)
```
#3fa8d8
```
#3fa8d8 rgb(63,168,216)
```
#36ace1
```
#36ace1 rgb(54,172,225)
```
#2dafea
```
#2dafea rgb(45,175,234)
```
#24b2f3
```
#24b2f3 rgb(36,178,243)
```
#1bb6fc
```
#1bb6fc rgb(27,182,252)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7b95a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a6e2 Protanopia 1% of men
#88a7ef Deuteranopia 1% of men
#00b9c6 Tritanopia 0.001% of the population

Trichromacy

#6fa9e5 Protanomaly 1% of men, 0.01% of women
#66aaed Deuteranomaly 6% of men, 0.4% of women
#10b5d3 Tritanomaly 0.01% of the population

#2dafea hex color

#2dafea Color Information

#2dafea Color Conversion

Color Schemes with #2dafea

Alternatives to #2dafea

#2dafea Preview

Shades and Tints of #2dafea

Tones of #2dafea

Color Blindness Simulator