#2da5b6 hex color

In a RGB color space, hex #2da5b6 is composed of 17.6% red, 64.7% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 9.3% magenta, 0% yellow and 28.6% black. It has a hue angle of 187.4 degrees, a saturation of 60.4% and a lightness of 44.5%. #2da5b6 color hex could be obtained by blending #5affff with #004b6d. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 65
- B 71
RGB color chart
- C 75
- M 9
- Y 0
- K 29
CMYK color chart

● #2da5b6 color description : Strong cyan.

The hexadecimal color #2da5b6 has RGB values of R:45, G:165, B:182 and CMYK values of C:0.75, M:0.09, Y:0, K:0.29. Its decimal value is 2991542.

Hex triplet	2da5b6	`#2da5b6`
RGB Decimal	45, 165, 182	`rgb(45,165,182)`
RGB Percent	17.6, 64.7, 71.4	`rgb(17.6%,64.7%,71.4%)`
CMYK	75, 9, 0, 29
HSL	187.4°, 60.4, 44.5	`hsl(187.4,60.4%,44.5%)`
HSV (or HSB)	187.4°, 75.3, 71.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.375, -26.344, -18.13
XYZ	22.978, 30.843, 48.996
xyY	0.223, 0.3, 30.843
CIE-LCH	62.375, 31.98, 214.536
CIE-LUV	62.375, -42.611, -23.952
Hunter-Lab	55.537, -23.335, -13.431
Binary	00101101, 10100101, 10110110

#2da5b6
```
#2da5b6 rgb(45,165,182)
```
#b63e2d
```
#b63e2d rgb(182,62,45)
```

Complementary Color

#2db683
```
#2db683 rgb(45,182,131)
```
#2da5b6
```
#2da5b6 rgb(45,165,182)
```
#2d61b6
```
#2d61b6 rgb(45,97,182)
```

Analogous Color

#b6832d
```
#b6832d rgb(182,131,45)
```
#2da5b6
```
#2da5b6 rgb(45,165,182)
```
#b62d61
```
#b62d61 rgb(182,45,97)
```

Split Complementary Color

#a5b62d
```
#a5b62d rgb(165,182,45)
```
#2da5b6
```
#2da5b6 rgb(45,165,182)
```
#b62da5
```
#b62da5 rgb(182,45,165)
```

Triadic Color

#2db63e
```
#2db63e rgb(45,182,62)
```
#2da5b6
```
#2da5b6 rgb(45,165,182)
```
#b62da5
```
#b62da5 rgb(182,45,165)
```
#b63e2d
```
#b63e2d rgb(182,62,45)
```

Tetradic Color

#1e6d79
```
#1e6d79 rgb(30,109,121)
```
#23808d
```
#23808d rgb(35,128,141)
```
#2892a2
```
#2892a2 rgb(40,146,162)
```
#2da5b6
```
#2da5b6 rgb(45,165,182)
```
#32b8ca
```
#32b8ca rgb(50,184,202)
```
#45c0d1
```
#45c0d1 rgb(69,192,209)
```
#59c7d6
```
#59c7d6 rgb(89,199,214)
```

Monochromatic Color

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

#2db6a5
```
#2db6a5 rgb(45,182,165)
```
#2db6b0
```
#2db6b0 rgb(45,182,176)
```
#2db0b6
```
#2db0b6 rgb(45,176,182)
```
#2da5b6
```
#2da5b6 rgb(45,165,182)
```
#2d9ab6
```
#2d9ab6 rgb(45,154,182)
```
#2d8eb6
```
#2d8eb6 rgb(45,142,182)
```
#2d83b6
```
#2d83b6 rgb(45,131,182)
```

Similar Colors

Text with hexadecimal color #2da5b6

This text has a font color of #2da5b6.

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

#2da5b6 background color

This paragraph has a background color of #2da5b6.

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

#2da5b6 border color

This element has a border color of #2da5b6.

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

CSS codes

.text {color:#2da5b6;}

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

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

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

#020809
```
#020809 rgb(2,8,9)
```
#061619
```
#061619 rgb(6,22,25)
```
#0a2528
```
#0a2528 rgb(10,37,40)
```
#0e3338
```
#0e3338 rgb(14,51,56)
```
#124148
```
#124148 rgb(18,65,72)
```
#164f58
```
#164f58 rgb(22,79,88)
```
#1a5e67
```
#1a5e67 rgb(26,94,103)
```
#1d6c77
```
#1d6c77 rgb(29,108,119)
```
#217a87
```
#217a87 rgb(33,122,135)
```
#258897
```
#258897 rgb(37,136,151)
```
#2997a6
```
#2997a6 rgb(41,151,166)
```
#2da5b6
```
#2da5b6 rgb(45,165,182)
```
#31b3c6
```
#31b3c6 rgb(49,179,198)
```

Shade Color Variation

#3cbccf
```
#3cbccf rgb(60,188,207)
```
#4bc2d3
```
#4bc2d3 rgb(75,194,211)
```
#5bc7d6
```
#5bc7d6 rgb(91,199,214)
```
#6bccda
```
#6bccda rgb(107,204,218)
```
#7ad2de
```
#7ad2de rgb(122,210,222)
```
#8ad7e2
```
#8ad7e2 rgb(138,215,226)
```
#9adde6
```
#9adde6 rgb(154,221,230)
```
#aae2ea
```
#aae2ea rgb(170,226,234)
```
#b9e7ee
```
#b9e7ee rgb(185,231,238)
```
#c9edf2
```
#c9edf2 rgb(201,237,242)
```
#d9f2f6
```
#d9f2f6 rgb(217,242,246)
```
#e9f7f9
```
#e9f7f9 rgb(233,247,249)
```
#f8fdfd
```
#f8fdfd rgb(248,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a7779 is the less saturated color, while #01c6e2 is the most saturated one.

#6a7779
```
#6a7779 rgb(106,119,121)
```
#617e82
```
#617e82 rgb(97,126,130)
```
#59848a
```
#59848a rgb(89,132,138)
```
#508b93
```
#508b93 rgb(80,139,147)
```
#47919c
```
#47919c rgb(71,145,156)
```
#3e98a5
```
#3e98a5 rgb(62,152,165)
```
#369ead
```
#369ead rgb(54,158,173)
```
#2da5b6
```
#2da5b6 rgb(45,165,182)
```
#24acbf
```
#24acbf rgb(36,172,191)
```
#1cb2c7
```
#1cb2c7 rgb(28,178,199)
```
#13b9d0
```
#13b9d0 rgb(19,185,208)
```
#0abfd9
```
#0abfd9 rgb(10,191,217)
```
#01c6e2
```
#01c6e2 rgb(1,198,226)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#728a8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#989bb0 Protanopia 1% of men
#9799bf Deuteranopia 1% of men
#34aab6 Tritanopia 0.001% of the population

Trichromacy

#719eb2 Protanomaly 1% of men, 0.01% of women
#709dbc Deuteranomaly 6% of men, 0.4% of women
#32a8b6 Tritanomaly 0.01% of the population

#2da5b6 hex color

#2da5b6 Color Information

#2da5b6 Color Conversion

Color Schemes with #2da5b6

Alternatives to #2da5b6

#2da5b6 Preview

Shades and Tints of #2da5b6

Tones of #2da5b6

Color Blindness Simulator