#2da0ff hex color

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

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

● #2da0ff color description : Vivid blue.

The hexadecimal color #2da0ff has RGB values of R:45, G:160, B:255 and CMYK values of C:0.82, M:0.37, Y:0, K:0. Its decimal value is 2990335.

Hex triplet	2da0ff	`#2da0ff`
RGB Decimal	45, 160, 255	`rgb(45,160,255)`
RGB Percent	17.6, 62.7, 100	`rgb(17.6%,62.7%,100%)`
CMYK	82, 37, 0, 0
HSL	207.1°, 100, 58.8	`hsl(207.1,100%,58.8%)`
HSV (or HSB)	207.1°, 82.4, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.093, 1.51, -55.85
XYZ	31.699, 32.917, 99.285
xyY	0.193, 0.201, 32.917
CIE-LCH	64.093, 55.87, 271.549
CIE-LUV	64.093, -36.522, -90.408
Hunter-Lab	57.373, -1.781, -62.441
Binary	00101101, 10100000, 11111111

#2da0ff
```
#2da0ff rgb(45,160,255)
```
#ff8c2d
```
#ff8c2d rgb(255,140,45)
```

Complementary Color

#2dfff5
```
#2dfff5 rgb(45,255,245)
```
#2da0ff
```
#2da0ff rgb(45,160,255)
```
#2d37ff
```
#2d37ff rgb(45,55,255)
```

Analogous Color

#fff52d
```
#fff52d rgb(255,245,45)
```
#2da0ff
```
#2da0ff rgb(45,160,255)
```
#ff2d37
```
#ff2d37 rgb(255,45,55)
```

Split Complementary Color

#a0ff2d
```
#a0ff2d rgb(160,255,45)
```
#2da0ff
```
#2da0ff rgb(45,160,255)
```
#ff2da0
```
#ff2da0 rgb(255,45,160)
```

Triadic Color

#2dff8c
```
#2dff8c rgb(45,255,140)
```
#2da0ff
```
#2da0ff rgb(45,160,255)
```
#ff2da0
```
#ff2da0 rgb(255,45,160)
```
#ff8c2d
```
#ff8c2d rgb(255,140,45)
```

Tetradic Color

#007ae0
```
#007ae0 rgb(0,122,224)
```
#0088f9
```
#0088f9 rgb(0,136,249)
```
#1494ff
```
#1494ff rgb(20,148,255)
```
#2da0ff
```
#2da0ff rgb(45,160,255)
```
#47acff
```
#47acff rgb(71,172,255)
```
#60b7ff
```
#60b7ff rgb(96,183,255)
```
#7ac3ff
```
#7ac3ff rgb(122,195,255)
```

Monochromatic Color

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

#2dd5ff
```
#2dd5ff rgb(45,213,255)
```
#2dc3ff
```
#2dc3ff rgb(45,195,255)
```
#2db2ff
```
#2db2ff rgb(45,178,255)
```
#2da0ff
```
#2da0ff rgb(45,160,255)
```
#2d8fff
```
#2d8fff rgb(45,143,255)
```
#2d7dff
```
#2d7dff rgb(45,125,255)
```
#2d6cff
```
#2d6cff rgb(45,108,255)
```

Similar Colors

Text with hexadecimal color #2da0ff

This text has a font color of #2da0ff.

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

#2da0ff background color

This paragraph has a background color of #2da0ff.

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

#2da0ff border color

This element has a border color of #2da0ff.

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

CSS codes

.text {color:#2da0ff;}

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

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

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)
```
#00192d
```
#00192d rgb(0,25,45)
```
#002341
```
#002341 rgb(0,35,65)
```
#002e54
```
#002e54 rgb(0,46,84)
```
#003968
```
#003968 rgb(0,57,104)
```
#00447b
```
#00447b rgb(0,68,123)
```
#004e8f
```
#004e8f rgb(0,78,143)
```
#0059a3
```
#0059a3 rgb(0,89,163)
```
#0064b6
```
#0064b6 rgb(0,100,182)
```
#006fca
```
#006fca rgb(0,111,202)
```
#0079de
```
#0079de rgb(0,121,222)
```
#0084f1
```
#0084f1 rgb(0,132,241)
```

Shade Color Variation

#068eff
```
#068eff rgb(6,142,255)
```
#1997ff
```
#1997ff rgb(25,151,255)
```
#2da0ff
```
#2da0ff rgb(45,160,255)
```
#41a9ff
```
#41a9ff rgb(65,169,255)
```
#54b2ff
```
#54b2ff rgb(84,178,255)
```
#68bbff
```
#68bbff rgb(104,187,255)
```
#7bc3ff
```
#7bc3ff rgb(123,195,255)
```
#8fccff
```
#8fccff rgb(143,204,255)
```
#a3d5ff
```
#a3d5ff rgb(163,213,255)
```
#b6deff
```
#b6deff rgb(182,222,255)
```
#cae7ff
```
#cae7ff rgb(202,231,255)
```
#def0ff
```
#def0ff rgb(222,240,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 #2da0ff is the most saturated one.

#8e979e
```
#8e979e rgb(142,151,158)
```
#8698a6
```
#8698a6 rgb(134,152,166)
```
#7e98ae
```
#7e98ae rgb(126,152,174)
```
#7699b6
```
#7699b6 rgb(118,153,182)
```
#6e9abe
```
#6e9abe rgb(110,154,190)
```
#669bc6
```
#669bc6 rgb(102,155,198)
```
#5d9bcf
```
#5d9bcf rgb(93,155,207)
```
#559cd7
```
#559cd7 rgb(85,156,215)
```
#4d9ddf
```
#4d9ddf rgb(77,157,223)
```
#459ee7
```
#459ee7 rgb(69,158,231)
```
#3d9eef
```
#3d9eef rgb(61,158,239)
```
#359ff7
```
#359ff7 rgb(53,159,247)
```
#2da0ff
```
#2da0ff rgb(45,160,255)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#768da0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#799df9 Protanopia 1% of men
#59a1ff Deuteranopia 1% of men
#00b0bb Tritanopia 0.001% of the population

Trichromacy

#5d9efb Protanomaly 1% of men, 0.01% of women
#49a1ff Deuteranomaly 6% of men, 0.4% of women
#10aad4 Tritanomaly 0.01% of the population

#2da0ff hex color

#2da0ff Color Information

#2da0ff Color Conversion

Color Schemes with #2da0ff

Alternatives to #2da0ff

#2da0ff Preview

Shades and Tints of #2da0ff

Tones of #2da0ff

Color Blindness Simulator