colorhexa.com

#2da2cd hex color

In a RGB color space, hex #2da2cd is composed of 17.6% red, 63.5% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 21% magenta, 0% yellow and 19.6% black. It has a hue angle of 196.1 degrees, a saturation of 64% and a lightness of 49%. #2da2cd color hex could be obtained by blending #5affff with #00459b. Closest websafe color is: #3399cc.

- R 18
- G 64
- B 80
RGB color chart
- C 78
- M 21
- Y 0
- K 20
CMYK color chart

● #2da2cd color description : Strong blue.

The hexadecimal color #2da2cd has RGB values of R:45, G:162, B:205 and CMYK values of C:0.78, M:0.21, Y:0, K:0.2. Its decimal value is 2990797.

Hex triplet	2da2cd	`#2da2cd`
RGB Decimal	45, 162, 205	`rgb(45,162,205)`
RGB Percent	17.6, 63.5, 80.4	`rgb(17.6%,63.5%,80.4%)`
CMYK	78, 21, 0, 20
HSL	196.1°, 64, 49	`hsl(196.1,64%,49%)`
HSV (or HSB)	196.1°, 78, 80.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.342, -17.24, -31.038
XYZ	25.019, 30.804, 62.381
xyY	0.212, 0.261, 30.804
CIE-LCH	62.342, 35.504, 240.95
CIE-LUV	62.342, -40.043, -46.311
Hunter-Lab	55.501, -16.663, -27.789
Binary	00101101, 10100010, 11001101

#2da2cd
```
#2da2cd rgb(45,162,205)
```
#cd582d
```
#cd582d rgb(205,88,45)
```

Complementary Color

#2dcda8
```
#2dcda8 rgb(45,205,168)
```
#2da2cd
```
#2da2cd rgb(45,162,205)
```
#2d52cd
```
#2d52cd rgb(45,82,205)
```

Analogous Color

#cda82d
```
#cda82d rgb(205,168,45)
```
#2da2cd
```
#2da2cd rgb(45,162,205)
```
#cd2d52
```
#cd2d52 rgb(205,45,82)
```

Split Complementary Color

#a2cd2d
```
#a2cd2d rgb(162,205,45)
```
#2da2cd
```
#2da2cd rgb(45,162,205)
```
#cd2da2
```
#cd2da2 rgb(205,45,162)
```

Triadic Color

#2dcd58
```
#2dcd58 rgb(45,205,88)
```
#2da2cd
```
#2da2cd rgb(45,162,205)
```
#cd2da2
```
#cd2da2 rgb(205,45,162)
```
#cd582d
```
#cd582d rgb(205,88,45)
```

Tetradic Color

#1f708e
```
#1f708e rgb(31,112,142)
```
#2481a3
```
#2481a3 rgb(36,129,163)
```
#2891b8
```
#2891b8 rgb(40,145,184)
```
#2da2cd
```
#2da2cd rgb(45,162,205)
```
#3facd5
```
#3facd5 rgb(63,172,213)
```
#54b5d9
```
#54b5d9 rgb(84,181,217)
```
#69bede
```
#69bede rgb(105,190,222)
```

Monochromatic Color

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

#2dcacd
```
#2dcacd rgb(45,202,205)
```
#2dbdcd
```
#2dbdcd rgb(45,189,205)
```
#2dafcd
```
#2dafcd rgb(45,175,205)
```
#2da2cd
```
#2da2cd rgb(45,162,205)
```
#2d95cd
```
#2d95cd rgb(45,149,205)
```
#2d87cd
```
#2d87cd rgb(45,135,205)
```
#2d7acd
```
#2d7acd rgb(45,122,205)
```

Similar Colors

Text with hexadecimal color #2da2cd

This text has a font color of #2da2cd.

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

#2da2cd background color

This paragraph has a background color of #2da2cd.

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

#2da2cd border color

This element has a border color of #2da2cd.

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

CSS codes

.text {color:#2da2cd;}

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

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

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, #03090c is the darkest color, while #fbfdfe is the lightest one.

#03090c
```
#03090c rgb(3,9,12)
```
#06161c
```
#06161c rgb(6,22,28)
```
#0a232c
```
#0a232c rgb(10,35,44)
```
#0d303c
```
#0d303c rgb(13,48,60)
```
#113c4c
```
#113c4c rgb(17,60,76)
```
#14495c
```
#14495c rgb(20,73,92)
```
#18566c
```
#18566c rgb(24,86,108)
```
#1b627d
```
#1b627d rgb(27,98,125)
```
#1f6f8d
```
#1f6f8d rgb(31,111,141)
```
#227c9d
```
#227c9d rgb(34,124,157)
```
#2689ad
```
#2689ad rgb(38,137,173)
```
#2995bd
```
#2995bd rgb(41,149,189)
```
#2da2cd
```
#2da2cd rgb(45,162,205)
```

Shade Color Variation

#3aaad4
```
#3aaad4 rgb(58,170,212)
```
#4ab1d7
```
#4ab1d7 rgb(74,177,215)
```
#5ab8db
```
#5ab8db rgb(90,184,219)
```
#6abfde
```
#6abfde rgb(106,191,222)
```
#7ac6e2
```
#7ac6e2 rgb(122,198,226)
```
#8acde5
```
#8acde5 rgb(138,205,229)
```
#9ad4e9
```
#9ad4e9 rgb(154,212,233)
```
#aadbec
```
#aadbec rgb(170,219,236)
```
#bbe2f0
```
#bbe2f0 rgb(187,226,240)
```
#cbe9f4
```
#cbe9f4 rgb(203,233,244)
```
#dbeff7
```
#dbeff7 rgb(219,239,247)
```
#ebf6fb
```
#ebf6fb rgb(235,246,251)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7e80 is the less saturated color, while #07b4f3 is the most saturated one.

#7a7e80
```
#7a7e80 rgb(122,126,128)
```
#70838a
```
#70838a rgb(112,131,138)
```
#678793
```
#678793 rgb(103,135,147)
```
#5d8c9d
```
#5d8c9d rgb(93,140,157)
```
#5390a7
```
#5390a7 rgb(83,144,167)
```
#4a95b0
```
#4a95b0 rgb(74,149,176)
```
#4099ba
```
#4099ba rgb(64,153,186)
```
#379ec3
```
#379ec3 rgb(55,158,195)
```
#2da2cd
```
#2da2cd rgb(45,162,205)
```
#23a6d7
```
#23a6d7 rgb(35,166,215)
```
#1aabe0
```
#1aabe0 rgb(26,171,224)
```
#10afea
```
#10afea rgb(16,175,234)
```
#07b4f3
```
#07b4f3 rgb(7,180,243)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#738a93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f9ac7 Protanopia 1% of men
#869ad4 Deuteranopia 1% of men
#00abb7 Tritanopia 0.001% of the population

Trichromacy

#6b9dc9 Protanomaly 1% of men, 0.01% of women
#669dd1 Deuteranomaly 6% of men, 0.4% of women
#10a7bf Tritanomaly 0.01% of the population