#2daaff hex color

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

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

● #2daaff color description : Vivid blue.

The hexadecimal color #2daaff has RGB values of R:45, G:170, B:255 and CMYK values of C:0.82, M:0.33, Y:0, K:0. Its decimal value is 2992895.

Hex triplet	2daaff	`#2daaff`
RGB Decimal	45, 170, 255	`rgb(45,170,255)`
RGB Percent	17.6, 66.7, 100	`rgb(17.6%,66.7%,100%)`
CMYK	82, 33, 0, 0
HSL	204.3°, 100, 58.8	`hsl(204.3,100%,58.8%)`
HSV (or HSB)	204.3°, 82.4, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	66.919, -4.211, -51.369
XYZ	33.503, 36.524, 99.886
xyY	0.197, 0.215, 36.524
CIE-LCH	66.919, 51.542, 265.313
CIE-LUV	66.919, -39.785, -82.842
Hunter-Lab	60.435, -6.81, -55.689
Binary	00101101, 10101010, 11111111

#2daaff
```
#2daaff rgb(45,170,255)
```
#ff822d
```
#ff822d rgb(255,130,45)
```

Complementary Color

#2dffeb
```
#2dffeb rgb(45,255,235)
```
#2daaff
```
#2daaff rgb(45,170,255)
```
#2d41ff
```
#2d41ff rgb(45,65,255)
```

Analogous Color

#ffeb2d
```
#ffeb2d rgb(255,235,45)
```
#2daaff
```
#2daaff rgb(45,170,255)
```
#ff2d41
```
#ff2d41 rgb(255,45,65)
```

Split Complementary Color

#aaff2d
```
#aaff2d rgb(170,255,45)
```
#2daaff
```
#2daaff rgb(45,170,255)
```
#ff2daa
```
#ff2daa rgb(255,45,170)
```

Triadic Color

#2dff82
```
#2dff82 rgb(45,255,130)
```
#2daaff
```
#2daaff rgb(45,170,255)
```
#ff2daa
```
#ff2daa rgb(255,45,170)
```
#ff822d
```
#ff822d rgb(255,130,45)
```

Tetradic Color

#0085e0
```
#0085e0 rgb(0,133,224)
```
#0094f9
```
#0094f9 rgb(0,148,249)
```
#14a0ff
```
#14a0ff rgb(20,160,255)
```
#2daaff
```
#2daaff rgb(45,170,255)
```
#47b4ff
```
#47b4ff rgb(71,180,255)
```
#60bfff
```
#60bfff rgb(96,191,255)
```
#7ac9ff
```
#7ac9ff rgb(122,201,255)
```

Monochromatic Color

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

#2ddfff
```
#2ddfff rgb(45,223,255)
```
#2dcdff
```
#2dcdff rgb(45,205,255)
```
#2dbcff
```
#2dbcff rgb(45,188,255)
```
#2daaff
```
#2daaff rgb(45,170,255)
```
#2d99ff
```
#2d99ff rgb(45,153,255)
```
#2d87ff
```
#2d87ff rgb(45,135,255)
```
#2d76ff
```
#2d76ff rgb(45,118,255)
```

Similar Colors

Text with hexadecimal color #2daaff

This text has a font color of #2daaff.

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

#2daaff background color

This paragraph has a background color of #2daaff.

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

#2daaff border color

This element has a border color of #2daaff.

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

CSS codes

.text {color:#2daaff;}

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

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

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)
```
#000f19
```
#000f19 rgb(0,15,25)
```
#001b2d
```
#001b2d rgb(0,27,45)
```
#002641
```
#002641 rgb(0,38,65)
```
#003254
```
#003254 rgb(0,50,84)
```
#003e68
```
#003e68 rgb(0,62,104)
```
#00497b
```
#00497b rgb(0,73,123)
```
#00558f
```
#00558f rgb(0,85,143)
```
#0061a3
```
#0061a3 rgb(0,97,163)
```
#006db6
```
#006db6 rgb(0,109,182)
```
#0078ca
```
#0078ca rgb(0,120,202)
```
#0084de
```
#0084de rgb(0,132,222)
```
#0090f1
```
#0090f1 rgb(0,144,241)
```

Shade Color Variation

#069aff
```
#069aff rgb(6,154,255)
```
#19a2ff
```
#19a2ff rgb(25,162,255)
```
#2daaff
```
#2daaff rgb(45,170,255)
```
#41b2ff
```
#41b2ff rgb(65,178,255)
```
#54baff
```
#54baff rgb(84,186,255)
```
#68c2ff
```
#68c2ff rgb(104,194,255)
```
#7bcaff
```
#7bcaff rgb(123,202,255)
```
#8fd2ff
```
#8fd2ff rgb(143,210,255)
```
#a3daff
```
#a3daff rgb(163,218,255)
```
#b6e2ff
```
#b6e2ff rgb(182,226,255)
```
#caeaff
```
#caeaff rgb(202,234,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, #8e989e is the less saturated color, while #2daaff is the most saturated one.

#8e989e
```
#8e989e rgb(142,152,158)
```
#8699a6
```
#8699a6 rgb(134,153,166)
```
#7e9bae
```
#7e9bae rgb(126,155,174)
```
#769cb6
```
#769cb6 rgb(118,156,182)
```
#6e9ebe
```
#6e9ebe rgb(110,158,190)
```
#669fc6
```
#669fc6 rgb(102,159,198)
```
#5da1cf
```
#5da1cf rgb(93,161,207)
```
#55a2d7
```
#55a2d7 rgb(85,162,215)
```
#4da4df
```
#4da4df rgb(77,164,223)
```
#45a5e7
```
#45a5e7 rgb(69,165,231)
```
#3da7ef
```
#3da7ef rgb(61,167,239)
```
#35a8f7
```
#35a8f7 rgb(53,168,247)
```
#2daaff
```
#2daaff rgb(45,170,255)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7b94a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#87a4f7 Protanopia 1% of men
#70a8ff Deuteranopia 1% of men
#00b7c4 Tritanopia 0.001% of the population

Trichromacy

#66a6fa Protanomaly 1% of men, 0.01% of women
#58a8ff Deuteranomaly 6% of men, 0.4% of women
#10b2d9 Tritanomaly 0.01% of the population

#2daaff hex color

#2daaff Color Information

#2daaff Color Conversion

Color Schemes with #2daaff

Alternatives to #2daaff

#2daaff Preview

Shades and Tints of #2daaff

Tones of #2daaff

Color Blindness Simulator