#2daaed hex color

In a RGB color space, hex #2daaed is composed of 17.6% red, 66.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 28.3% magenta, 0% yellow and 7.1% black. It has a hue angle of 200.9 degrees, a saturation of 84.2% and a lightness of 55.3%. #2daaed color hex could be obtained by blending #5affff with #0055db. Closest websafe color is: #3399ff.

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

● #2daaed color description : Bright blue.

The hexadecimal color #2daaed has RGB values of R:45, G:170, B:237 and CMYK values of C:0.81, M:0.28, Y:0, K:0.07. Its decimal value is 2992877.

Hex triplet	2daaed	`#2daaed`
RGB Decimal	45, 170, 237	`rgb(45,170,237)`
RGB Percent	17.6, 66.7, 92.9	`rgb(17.6%,66.7%,92.9%)`
CMYK	81, 28, 0, 7
HSL	200.9°, 84.2, 55.3	`hsl(200.9,84.2%,55.3%)`
HSV (or HSB)	200.9°, 81, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	66.074, -10.56, -42.888
XYZ	30.739, 35.419, 85.333
xyY	0.203, 0.234, 35.419
CIE-LCH	66.074, 44.169, 256.168
CIE-LUV	66.074, -40.826, -67.558
Hunter-Lab	59.514, -11.953, -43.352
Binary	00101101, 10101010, 11101101

#2daaed
```
#2daaed rgb(45,170,237)
```
#ed702d
```
#ed702d rgb(237,112,45)
```

Complementary Color

#2dedd0
```
#2dedd0 rgb(45,237,208)
```
#2daaed
```
#2daaed rgb(45,170,237)
```
#2d4aed
```
#2d4aed rgb(45,74,237)
```

Analogous Color

#edd02d
```
#edd02d rgb(237,208,45)
```
#2daaed
```
#2daaed rgb(45,170,237)
```
#ed2d4a
```
#ed2d4a rgb(237,45,74)
```

Split Complementary Color

#aaed2d
```
#aaed2d rgb(170,237,45)
```
#2daaed
```
#2daaed rgb(45,170,237)
```
#ed2daa
```
#ed2daa rgb(237,45,170)
```

Triadic Color

#2ded70
```
#2ded70 rgb(45,237,112)
```
#2daaed
```
#2daaed rgb(45,170,237)
```
#ed2daa
```
#ed2daa rgb(237,45,170)
```
#ed702d
```
#ed702d rgb(237,112,45)
```

Tetradic Color

#1081bd
```
#1081bd rgb(16,129,189)
```
#1291d5
```
#1291d5 rgb(18,145,213)
```
#16a0eb
```
#16a0eb rgb(22,160,235)
```
#2daaed
```
#2daaed rgb(45,170,237)
```
#44b4ef
```
#44b4ef rgb(68,180,239)
```
#5cbdf1
```
#5cbdf1 rgb(92,189,241)
```
#73c7f3
```
#73c7f3 rgb(115,199,243)
```

Monochromatic Color

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

#2ddaed
```
#2ddaed rgb(45,218,237)
```
#2dcaed
```
#2dcaed rgb(45,202,237)
```
#2dbaed
```
#2dbaed rgb(45,186,237)
```
#2daaed
```
#2daaed rgb(45,170,237)
```
#2d9aed
```
#2d9aed rgb(45,154,237)
```
#2d8aed
```
#2d8aed rgb(45,138,237)
```
#2d7aed
```
#2d7aed rgb(45,122,237)
```

Similar Colors

Text with hexadecimal color #2daaed

This text has a font color of #2daaed.

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

#2daaed background color

This paragraph has a background color of #2daaed.

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

#2daaed border color

This element has a border color of #2daaed.

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

CSS codes

.text {color:#2daaed;}

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

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

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

#010507
```
#010507 rgb(1,5,7)
```
#021119
```
#021119 rgb(2,17,25)
```
#041d2b
```
#041d2b rgb(4,29,43)
```
#052a3d
```
#052a3d rgb(5,42,61)
```
#07364f
```
#07364f rgb(7,54,79)
```
#084261
```
#084261 rgb(8,66,97)
```
#0a4e73
```
#0a4e73 rgb(10,78,115)
```
#0b5b85
```
#0b5b85 rgb(11,91,133)
```
#0d6797
```
#0d6797 rgb(13,103,151)
```
#0f73a9
```
#0f73a9 rgb(15,115,169)
```
#1080bb
```
#1080bb rgb(16,128,187)
```
#128cce
```
#128cce rgb(18,140,206)
```
#1398e0
```
#1398e0 rgb(19,152,224)
```

Shade Color Variation

#1ba3eb
```
#1ba3eb rgb(27,163,235)
```
#2daaed
```
#2daaed rgb(45,170,237)
```
#3fb1ef
```
#3fb1ef rgb(63,177,239)
```
#51b9f0
```
#51b9f0 rgb(81,185,240)
```
#63c0f2
```
#63c0f2 rgb(99,192,242)
```
#75c7f3
```
#75c7f3 rgb(117,199,243)
```
#87cff5
```
#87cff5 rgb(135,207,245)
```
#99d6f6
```
#99d6f6 rgb(153,214,246)
```
#abddf8
```
#abddf8 rgb(171,221,248)
```
#bee5f9
```
#bee5f9 rgb(190,229,249)
```
#d0ecfb
```
#d0ecfb rgb(208,236,251)
```
#e2f3fc
```
#e2f3fc rgb(226,243,252)
```
#f4fafe
```
#f4fafe rgb(244,250,254)
```

Tint Color Variation

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

#859095
```
#859095 rgb(133,144,149)
```
#7c929e
```
#7c929e rgb(124,146,158)
```
#7395a7
```
#7395a7 rgb(115,149,167)
```
#6a97b0
```
#6a97b0 rgb(106,151,176)
```
#629ab8
```
#629ab8 rgb(98,154,184)
```
#599dc1
```
#599dc1 rgb(89,157,193)
```
#509fca
```
#509fca rgb(80,159,202)
```
#47a2d3
```
#47a2d3 rgb(71,162,211)
```
#3fa5db
```
#3fa5db rgb(63,165,219)
```
#36a7e4
```
#36a7e4 rgb(54,167,228)
```
#2daaed
```
#2daaed rgb(45,170,237)
```
#24adf6
```
#24adf6 rgb(36,173,246)
```
#1bafff
```
#1bafff rgb(27,175,255)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#79929f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ea3e5 Protanopia 1% of men
#7da5f1 Deuteranopia 1% of men
#00b5c2 Tritanopia 0.001% of the population

Trichromacy

#6ba5e8 Protanomaly 1% of men, 0.01% of women
#60a6f0 Deuteranomaly 6% of men, 0.4% of women
#10b1d1 Tritanomaly 0.01% of the population

#2daaed hex color

#2daaed Color Information

#2daaed Color Conversion

Color Schemes with #2daaed

Alternatives to #2daaed

#2daaed Preview

Shades and Tints of #2daaed

Tones of #2daaed

Color Blindness Simulator