#2dafec hex color

In a RGB color space, hex #2dafec is composed of 17.6% red, 68.6% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 25.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 199.2 degrees, a saturation of 83.4% and a lightness of 55.1%. #2dafec color hex could be obtained by blending #5affff with #005fd9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 69
- B 93
RGB color chart
- C 81
- M 26
- Y 0
- K 7
CMYK color chart

● #2dafec color description : Bright blue.

The hexadecimal color #2dafec has RGB values of R:45, G:175, B:236 and CMYK values of C:0.81, M:0.26, Y:0, K:0.07. Its decimal value is 2994156.

Hex triplet	2dafec	`#2dafec`
RGB Decimal	45, 175, 236	`rgb(45,175,236)`
RGB Percent	17.6, 68.6, 92.5	`rgb(17.6%,68.6%,92.5%)`
CMYK	81, 26, 0, 7
HSL	199.2°, 83.4, 55.1	`hsl(199.2,83.4%,55.1%)`
HSV (or HSB)	199.2°, 80.9, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.48, -13.635, -40.14
XYZ	31.549, 37.271, 84.884
xyY	0.205, 0.242, 37.271
CIE-LCH	67.48, 42.392, 251.238
CIE-LUV	67.48, -42.585, -62.715
Hunter-Lab	61.05, -14.595, -39.701
Binary	00101101, 10101111, 11101100

#2dafec
```
#2dafec rgb(45,175,236)
```
#ec6a2d
```
#ec6a2d rgb(236,106,45)
```

Complementary Color

#2decca
```
#2decca rgb(45,236,202)
```
#2dafec
```
#2dafec rgb(45,175,236)
```
#2d4fec
```
#2d4fec rgb(45,79,236)
```

Analogous Color

#ecca2d
```
#ecca2d rgb(236,202,45)
```
#2dafec
```
#2dafec rgb(45,175,236)
```
#ec2d4f
```
#ec2d4f rgb(236,45,79)
```

Split Complementary Color

#afec2d
```
#afec2d rgb(175,236,45)
```
#2dafec
```
#2dafec rgb(45,175,236)
```
#ec2daf
```
#ec2daf rgb(236,45,175)
```

Triadic Color

#2dec6a
```
#2dec6a rgb(45,236,106)
```
#2dafec
```
#2dafec rgb(45,175,236)
```
#ec2daf
```
#ec2daf rgb(236,45,175)
```
#ec6a2d
```
#ec6a2d rgb(236,106,45)
```

Tetradic Color

#1185bc
```
#1185bc rgb(17,133,188)
```
#1396d3
```
#1396d3 rgb(19,150,211)
```
#16a6ea
```
#16a6ea rgb(22,166,234)
```
#2dafec
```
#2dafec rgb(45,175,236)
```
#44b8ee
```
#44b8ee rgb(68,184,238)
```
#5cc1f0
```
#5cc1f0 rgb(92,193,240)
```
#73caf2
```
#73caf2 rgb(115,202,242)
```

Monochromatic Color

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

#2ddfec
```
#2ddfec rgb(45,223,236)
```
#2dcfec
```
#2dcfec rgb(45,207,236)
```
#2dbfec
```
#2dbfec rgb(45,191,236)
```
#2dafec
```
#2dafec rgb(45,175,236)
```
#2d9fec
```
#2d9fec rgb(45,159,236)
```
#2d8fec
```
#2d8fec rgb(45,143,236)
```
#2d7fec
```
#2d7fec rgb(45,127,236)
```

Similar Colors

Text with hexadecimal color #2dafec

This text has a font color of #2dafec.

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

#2dafec background color

This paragraph has a background color of #2dafec.

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

#2dafec border color

This element has a border color of #2dafec.

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

CSS codes

.text {color:#2dafec;}

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

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

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

#010406
```
#010406 rgb(1,4,6)
```
#021118
```
#021118 rgb(2,17,24)
```
#041e2a
```
#041e2a rgb(4,30,42)
```
#052a3c
```
#052a3c rgb(5,42,60)
```
#07374e
```
#07374e rgb(7,55,78)
```
#094460
```
#094460 rgb(9,68,96)
```
#0a5172
```
#0a5172 rgb(10,81,114)
```
#0c5d84
```
#0c5d84 rgb(12,93,132)
```
#0e6a96
```
#0e6a96 rgb(14,106,150)
```
#0f77a8
```
#0f77a8 rgb(15,119,168)
```
#1184ba
```
#1184ba rgb(17,132,186)
```
#1291cc
```
#1291cc rgb(18,145,204)
```
#149dde
```
#149dde rgb(20,157,222)
```

Shade Color Variation

#1ba8ea
```
#1ba8ea rgb(27,168,234)
```
#2dafec
```
#2dafec rgb(45,175,236)
```
#3fb6ee
```
#3fb6ee rgb(63,182,238)
```
#51bdef
```
#51bdef rgb(81,189,239)
```
#63c4f1
```
#63c4f1 rgb(99,196,241)
```
#75caf3
```
#75caf3 rgb(117,202,243)
```
#87d1f4
```
#87d1f4 rgb(135,209,244)
```
#99d8f6
```
#99d8f6 rgb(153,216,246)
```
#abdff7
```
#abdff7 rgb(171,223,247)
```
#bde6f9
```
#bde6f9 rgb(189,230,249)
```
#cfedfb
```
#cfedfb rgb(207,237,251)
```
#e1f4fc
```
#e1f4fc rgb(225,244,252)
```
#f3fafe
```
#f3fafe rgb(243,250,254)
```

Tint Color Variation

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

#858f94
```
#858f94 rgb(133,143,148)
```
#7c929d
```
#7c929d rgb(124,146,157)
```
#7396a6
```
#7396a6 rgb(115,150,166)
```
#6b99ae
```
#6b99ae rgb(107,153,174)
```
#629cb7
```
#629cb7 rgb(98,156,183)
```
#599fc0
```
#599fc0 rgb(89,159,192)
```
#50a2c9
```
#50a2c9 rgb(80,162,201)
```
#47a5d2
```
#47a5d2 rgb(71,165,210)
```
#3fa9da
```
#3fa9da rgb(63,169,218)
```
#36ace3
```
#36ace3 rgb(54,172,227)
```
#2dafec
```
#2dafec rgb(45,175,236)
```
#24b2f5
```
#24b2f5 rgb(36,178,245)
```
#1bb5fe
```
#1bb5fe rgb(27,181,254)
```

Tone Color Variation

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

Dichromacy

#95a6e4 Protanopia 1% of men
#86a8f1 Deuteranopia 1% of men
#00b9c6 Tritanopia 0.001% of the population

Trichromacy

#6fa9e7 Protanomaly 1% of men, 0.01% of women
#66aaef Deuteranomaly 6% of men, 0.4% of women
#10b5d4 Tritanomaly 0.01% of the population

#2dafec hex color

#2dafec Color Information

#2dafec Color Conversion

Color Schemes with #2dafec

Alternatives to #2dafec

#2dafec Preview

Shades and Tints of #2dafec

Tones of #2dafec

Color Blindness Simulator