#2daefc hex color

In a RGB color space, hex #2daefc is composed of 17.6% red, 68.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 82.1% cyan, 31% magenta, 0% yellow and 1.2% black. It has a hue angle of 202.6 degrees, a saturation of 97.2% and a lightness of 58.2%. #2daefc color hex could be obtained by blending #5affff with #005df9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 68
- B 99
RGB color chart
- C 82
- M 31
- Y 0
- K 1
CMYK color chart

● #2daefc color description : Bright blue.

The hexadecimal color #2daefc has RGB values of R:45, G:174, B:252 and CMYK values of C:0.82, M:0.31, Y:0, K:0.01. Its decimal value is 2993916.

Hex triplet	2daefc	`#2daefc`
RGB Decimal	45, 174, 252	`rgb(45,174,252)`
RGB Percent	17.6, 68.2, 98.8	`rgb(17.6%,68.2%,98.8%)`
CMYK	82, 31, 0, 1
HSL	202.6°, 97.2, 58.2	`hsl(202.6,97.2%,58.2%)`
HSV (or HSB)	202.6°, 82.1, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.914, -7.512, -48.17
XYZ	33.785, 37.855, 97.616
xyY	0.2, 0.224, 37.855
CIE-LCH	67.914, 48.752, 261.136
CIE-LUV	67.914, -41.28, -77.199
Hunter-Lab	61.527, -9.656, -50.999
Binary	00101101, 10101110, 11111100

#2daefc
```
#2daefc rgb(45,174,252)
```
#fc7b2d
```
#fc7b2d rgb(252,123,45)
```

Complementary Color

#2dfce3
```
#2dfce3 rgb(45,252,227)
```
#2daefc
```
#2daefc rgb(45,174,252)
```
#2d47fc
```
#2d47fc rgb(45,71,252)
```

Analogous Color

#fce32d
```
#fce32d rgb(252,227,45)
```
#2daefc
```
#2daefc rgb(45,174,252)
```
#fc2d47
```
#fc2d47 rgb(252,45,71)
```

Split Complementary Color

#aefc2d
```
#aefc2d rgb(174,252,45)
```
#2daefc
```
#2daefc rgb(45,174,252)
```
#fc2dae
```
#fc2dae rgb(252,45,174)
```

Triadic Color

#2dfc7b
```
#2dfc7b rgb(45,252,123)
```
#2daefc
```
#2daefc rgb(45,174,252)
```
#fc2dae
```
#fc2dae rgb(252,45,174)
```
#fc7b2d
```
#fc7b2d rgb(252,123,45)
```

Tetradic Color

#0389d9
```
#0389d9 rgb(3,137,217)
```
#0398f3
```
#0398f3 rgb(3,152,243)
```
#14a4fc
```
#14a4fc rgb(20,164,252)
```
#2daefc
```
#2daefc rgb(45,174,252)
```
#46b8fc
```
#46b8fc rgb(70,184,252)
```
#5fc1fd
```
#5fc1fd rgb(95,193,253)
```
#78cbfd
```
#78cbfd rgb(120,203,253)
```

Monochromatic Color

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

#2de2fc
```
#2de2fc rgb(45,226,252)
```
#2dd1fc
```
#2dd1fc rgb(45,209,252)
```
#2dbffc
```
#2dbffc rgb(45,191,252)
```
#2daefc
```
#2daefc rgb(45,174,252)
```
#2d9dfc
```
#2d9dfc rgb(45,157,252)
```
#2d8cfc
```
#2d8cfc rgb(45,140,252)
```
#2d7afc
```
#2d7afc rgb(45,122,252)
```

Similar Colors

Text with hexadecimal color #2daefc

This text has a font color of #2daefc.

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

#2daefc background color

This paragraph has a background color of #2daefc.

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

#2daefc border color

This element has a border color of #2daefc.

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

CSS codes

.text {color:#2daefc;}

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

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

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 #eef9ff is the lightest one.

#000203
```
#000203 rgb(0,2,3)
```
#000e16
```
#000e16 rgb(0,14,22)
```
#011a29
```
#011a29 rgb(1,26,41)
```
#01263d
```
#01263d rgb(1,38,61)
```
#013250
```
#013250 rgb(1,50,80)
```
#013e63
```
#013e63 rgb(1,62,99)
```
#024b77
```
#024b77 rgb(2,75,119)
```
#02578a
```
#02578a rgb(2,87,138)
```
#02639d
```
#02639d rgb(2,99,157)
```
#036fb1
```
#036fb1 rgb(3,111,177)
```
#037bc4
```
#037bc4 rgb(3,123,196)
```
#0387d7
```
#0387d7 rgb(3,135,215)
```
#0394eb
```
#0394eb rgb(3,148,235)
```

Shade Color Variation

#069ffb
```
#069ffb rgb(6,159,251)
```
#1aa7fc
```
#1aa7fc rgb(26,167,252)
```
#2daefc
```
#2daefc rgb(45,174,252)
```
#40b5fc
```
#40b5fc rgb(64,181,252)
```
#54bdfd
```
#54bdfd rgb(84,189,253)
```
#67c4fd
```
#67c4fd rgb(103,196,253)
```
#7accfd
```
#7accfd rgb(122,204,253)
```
#8ed3fd
```
#8ed3fd rgb(142,211,253)
```
#a1dbfe
```
#a1dbfe rgb(161,219,254)
```
#b4e2fe
```
#b4e2fe rgb(180,226,254)
```
#c8eafe
```
#c8eafe rgb(200,234,254)
```
#dbf1fe
```
#dbf1fe rgb(219,241,254)
```
#eef9ff
```
#eef9ff rgb(238,249,255)
```

Tint Color Variation

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

#8f969a
```
#8f969a rgb(143,150,154)
```
#8798a2
```
#8798a2 rgb(135,152,162)
```
#7f9aaa
```
#7f9aaa rgb(127,154,170)
```
#779cb2
```
#779cb2 rgb(119,156,178)
```
#6f9eba
```
#6f9eba rgb(111,158,186)
```
#66a0c3
```
#66a0c3 rgb(102,160,195)
```
#5ea2cb
```
#5ea2cb rgb(94,162,203)
```
#56a4d3
```
#56a4d3 rgb(86,164,211)
```
#4ea6db
```
#4ea6db rgb(78,166,219)
```
#46a8e3
```
#46a8e3 rgb(70,168,227)
```
#3daaec
```
#3daaec rgb(61,170,236)
```
#35acf4
```
#35acf4 rgb(53,172,244)
```
#2daefc
```
#2daefc rgb(45,174,252)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7c96a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ea7f4 Protanopia 1% of men
#78aaff Deuteranopia 1% of men
#00bac7 Tritanopia 0.001% of the population

Trichromacy

#6aa9f7 Protanomaly 1% of men, 0.01% of women
#5dabfd Deuteranomaly 6% of men, 0.4% of women
#10b6da Tritanomaly 0.01% of the population

#2daefc hex color

#2daefc Color Information

#2daefc Color Conversion

Color Schemes with #2daefc

Alternatives to #2daefc

#2daefc Preview

Shades and Tints of #2daefc

Tones of #2daefc

Color Blindness Simulator