#2da4ff hex color

In a RGB color space, hex #2da4ff is composed of 17.6% red, 64.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 35.7% magenta, 0% yellow and 0% black. It has a hue angle of 206 degrees, a saturation of 100% and a lightness of 58.8%. #2da4ff color hex could be obtained by blending #5affff with #0049ff. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 64
- B 100
RGB color chart
- C 82
- M 36
- Y 0
- K 0
CMYK color chart

● #2da4ff color description : Vivid blue.

The hexadecimal color #2da4ff has RGB values of R:45, G:164, B:255 and CMYK values of C:0.82, M:0.36, Y:0, K:0. Its decimal value is 2991359.

Hex triplet	2da4ff	`#2da4ff`
RGB Decimal	45, 164, 255	`rgb(45,164,255)`
RGB Percent	17.6, 64.3, 100	`rgb(17.6%,64.3%,100%)`
CMYK	82, 36, 0, 0
HSL	206°, 100, 58.8	`hsl(206,100%,58.8%)`
HSV (or HSB)	206°, 82.4, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	65.22, -0.798, -54.059
XYZ	32.403, 34.326, 99.52
xyY	0.195, 0.206, 34.326
CIE-LCH	65.22, 54.065, 269.155
CIE-LUV	65.22, -37.82, -87.418
Hunter-Lab	58.588, -3.807, -59.7
Binary	00101101, 10100100, 11111111

#2da4ff
```
#2da4ff rgb(45,164,255)
```
#ff882d
```
#ff882d rgb(255,136,45)
```

Complementary Color

#2dfff1
```
#2dfff1 rgb(45,255,241)
```
#2da4ff
```
#2da4ff rgb(45,164,255)
```
#2d3bff
```
#2d3bff rgb(45,59,255)
```

Analogous Color

#fff12d
```
#fff12d rgb(255,241,45)
```
#2da4ff
```
#2da4ff rgb(45,164,255)
```
#ff2d3b
```
#ff2d3b rgb(255,45,59)
```

Split Complementary Color

#a4ff2d
```
#a4ff2d rgb(164,255,45)
```
#2da4ff
```
#2da4ff rgb(45,164,255)
```
#ff2da4
```
#ff2da4 rgb(255,45,164)
```

Triadic Color

#2dff88
```
#2dff88 rgb(45,255,136)
```
#2da4ff
```
#2da4ff rgb(45,164,255)
```
#ff2da4
```
#ff2da4 rgb(255,45,164)
```
#ff882d
```
#ff882d rgb(255,136,45)
```

Tetradic Color

#007fe0
```
#007fe0 rgb(0,127,224)
```
#008df9
```
#008df9 rgb(0,141,249)
```
#1499ff
```
#1499ff rgb(20,153,255)
```
#2da4ff
```
#2da4ff rgb(45,164,255)
```
#47afff
```
#47afff rgb(71,175,255)
```
#60baff
```
#60baff rgb(96,186,255)
```
#7ac5ff
```
#7ac5ff rgb(122,197,255)
```

Monochromatic Color

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

#2dd9ff
```
#2dd9ff rgb(45,217,255)
```
#2dc7ff
```
#2dc7ff rgb(45,199,255)
```
#2db6ff
```
#2db6ff rgb(45,182,255)
```
#2da4ff
```
#2da4ff rgb(45,164,255)
```
#2d93ff
```
#2d93ff rgb(45,147,255)
```
#2d81ff
```
#2d81ff rgb(45,129,255)
```
#2d70ff
```
#2d70ff rgb(45,112,255)
```

Similar Colors

Text with hexadecimal color #2da4ff

This text has a font color of #2da4ff.

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

#2da4ff background color

This paragraph has a background color of #2da4ff.

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

#2da4ff border color

This element has a border color of #2da4ff.

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

CSS codes

.text {color:#2da4ff;}

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

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

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

#000306
```
#000306 rgb(0,3,6)
```
#000e19
```
#000e19 rgb(0,14,25)
```
#001a2d
```
#001a2d rgb(0,26,45)
```
#002541
```
#002541 rgb(0,37,65)
```
#003054
```
#003054 rgb(0,48,84)
```
#003b68
```
#003b68 rgb(0,59,104)
```
#00467b
```
#00467b rgb(0,70,123)
```
#00518f
```
#00518f rgb(0,81,143)
```
#005ca3
```
#005ca3 rgb(0,92,163)
```
#0067b6
```
#0067b6 rgb(0,103,182)
```
#0072ca
```
#0072ca rgb(0,114,202)
```
#007ede
```
#007ede rgb(0,126,222)
```
#0089f1
```
#0089f1 rgb(0,137,241)
```

Shade Color Variation

#0693ff
```
#0693ff rgb(6,147,255)
```
#199cff
```
#199cff rgb(25,156,255)
```
#2da4ff
```
#2da4ff rgb(45,164,255)
```
#41adff
```
#41adff rgb(65,173,255)
```
#54b5ff
```
#54b5ff rgb(84,181,255)
```
#68beff
```
#68beff rgb(104,190,255)
```
#7bc6ff
```
#7bc6ff rgb(123,198,255)
```
#8fcfff
```
#8fcfff rgb(143,207,255)
```
#a3d7ff
```
#a3d7ff rgb(163,215,255)
```
#b6e0ff
```
#b6e0ff rgb(182,224,255)
```
#cae8ff
```
#cae8ff rgb(202,232,255)
```
#def1ff
```
#def1ff rgb(222,241,255)
```
#f1f9ff
```
#f1f9ff rgb(241,249,255)
```

Tint Color Variation

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

#8e979e
```
#8e979e rgb(142,151,158)
```
#8698a6
```
#8698a6 rgb(134,152,166)
```
#7e99ae
```
#7e99ae rgb(126,153,174)
```
#769ab6
```
#769ab6 rgb(118,154,182)
```
#6e9bbe
```
#6e9bbe rgb(110,155,190)
```
#669cc6
```
#669cc6 rgb(102,156,198)
```
#5d9ecf
```
#5d9ecf rgb(93,158,207)
```
#559fd7
```
#559fd7 rgb(85,159,215)
```
#4da0df
```
#4da0df rgb(77,160,223)
```
#45a1e7
```
#45a1e7 rgb(69,161,231)
```
#3da2ef
```
#3da2ef rgb(61,162,239)
```
#35a3f7
```
#35a3f7 rgb(53,163,247)
```
#2da4ff
```
#2da4ff rgb(45,164,255)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#7890a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7fa0f8 Protanopia 1% of men
#63a4ff Deuteranopia 1% of men
#00b3bf Tritanopia 0.001% of the population

Trichromacy

#61a1fa Protanomaly 1% of men, 0.01% of women
#4fa4ff Deuteranomaly 6% of men, 0.4% of women
#10add6 Tritanomaly 0.01% of the population

#2da4ff hex color

#2da4ff Color Information

#2da4ff Color Conversion

Color Schemes with #2da4ff

Alternatives to #2da4ff

#2da4ff Preview

Shades and Tints of #2da4ff

Tones of #2da4ff

Color Blindness Simulator