#2db5dd hex color

In a RGB color space, hex #2db5dd is composed of 17.6% red, 71% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 18.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 193.6 degrees, a saturation of 72.1% and a lightness of 52.2%. #2db5dd color hex could be obtained by blending #5affff with #006bbb. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 18
- G 71
- B 87
RGB color chart
- C 80
- M 18
- Y 0
- K 13
CMYK color chart

● #2db5dd color description : Bright cyan.

The hexadecimal color #2db5dd has RGB values of R:45, G:181, B:221 and CMYK values of C:0.8, M:0.18, Y:0, K:0.13. Its decimal value is 2995677.

Hex triplet	2db5dd	`#2db5dd`
RGB Decimal	45, 181, 221	`rgb(45,181,221)`
RGB Percent	17.6, 71, 86.7	`rgb(17.6%,71%,86.7%)`
CMYK	80, 18, 0, 13
HSL	193.6°, 72.1, 52.2	`hsl(193.6,72.1%,52.2%)`
HSV (or HSB)	193.6°, 79.6, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	68.623, -21.867, -30.161
XYZ	30.654, 38.823, 74.281
xyY	0.213, 0.27, 38.823
CIE-LCH	68.623, 37.254, 234.058
CIE-LUV	68.623, -45.626, -44.877
Hunter-Lab	62.308, -21.223, -27.067
Binary	00101101, 10110101, 11011101

#2db5dd
```
#2db5dd rgb(45,181,221)
```
#dd552d
```
#dd552d rgb(221,85,45)
```

Complementary Color

#2dddad
```
#2dddad rgb(45,221,173)
```
#2db5dd
```
#2db5dd rgb(45,181,221)
```
#2d5ddd
```
#2d5ddd rgb(45,93,221)
```

Analogous Color

#ddad2d
```
#ddad2d rgb(221,173,45)
```
#2db5dd
```
#2db5dd rgb(45,181,221)
```
#dd2d5d
```
#dd2d5d rgb(221,45,93)
```

Split Complementary Color

#b5dd2d
```
#b5dd2d rgb(181,221,45)
```
#2db5dd
```
#2db5dd rgb(45,181,221)
```
#dd2db5
```
#dd2db5 rgb(221,45,181)
```

Triadic Color

#2ddd55
```
#2ddd55 rgb(45,221,85)
```
#2db5dd
```
#2db5dd rgb(45,181,221)
```
#dd2db5
```
#dd2db5 rgb(221,45,181)
```
#dd552d
```
#dd552d rgb(221,85,45)
```

Tetradic Color

#1a84a3
```
#1a84a3 rgb(26,132,163)
```
#1e96b9
```
#1e96b9 rgb(30,150,185)
```
#22a8cf
```
#22a8cf rgb(34,168,207)
```
#2db5dd
```
#2db5dd rgb(45,181,221)
```
#43bde1
```
#43bde1 rgb(67,189,225)
```
#59c4e4
```
#59c4e4 rgb(89,196,228)
```
#6fcce8
```
#6fcce8 rgb(111,204,232)
```

Monochromatic Color

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

#2dddd9
```
#2dddd9 rgb(45,221,217)
```
#2dd2dd
```
#2dd2dd rgb(45,210,221)
```
#2dc4dd
```
#2dc4dd rgb(45,196,221)
```
#2db5dd
```
#2db5dd rgb(45,181,221)
```
#2da6dd
```
#2da6dd rgb(45,166,221)
```
#2d98dd
```
#2d98dd rgb(45,152,221)
```
#2d89dd
```
#2d89dd rgb(45,137,221)
```

Similar Colors

Text with hexadecimal color #2db5dd

This text has a font color of #2db5dd.

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

#2db5dd background color

This paragraph has a background color of #2db5dd.

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

#2db5dd border color

This element has a border color of #2db5dd.

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

CSS codes

.text {color:#2db5dd;}

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

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

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 #f8fcfe is the lightest one.

#020809
```
#020809 rgb(2,8,9)
```
#04151a
```
#04151a rgb(4,21,26)
```
#07232b
```
#07232b rgb(7,35,43)
```
#0a313c
```
#0a313c rgb(10,49,60)
```
#0c3e4d
```
#0c3e4d rgb(12,62,77)
```
#0f4c5e
```
#0f4c5e rgb(15,76,94)
```
#125a6f
```
#125a6f rgb(18,90,111)
```
#156780
```
#156780 rgb(21,103,128)
```
#177591
```
#177591 rgb(23,117,145)
```
#1a83a1
```
#1a83a1 rgb(26,131,161)
```
#1d90b2
```
#1d90b2 rgb(29,144,178)
```
#209ec3
```
#209ec3 rgb(32,158,195)
```
#22acd4
```
#22acd4 rgb(34,172,212)
```

Shade Color Variation

#2db5dd
```
#2db5dd rgb(45,181,221)
```
#3ebbe0
```
#3ebbe0 rgb(62,187,224)
```
#4fc1e2
```
#4fc1e2 rgb(79,193,226)
```
#60c7e5
```
#60c7e5 rgb(96,199,229)
```
#71cde8
```
#71cde8 rgb(113,205,232)
```
#81d3eb
```
#81d3eb rgb(129,211,235)
```
#92d9ed
```
#92d9ed rgb(146,217,237)
```
#a3dff0
```
#a3dff0 rgb(163,223,240)
```
#b4e5f3
```
#b4e5f3 rgb(180,229,243)
```
#c5ebf6
```
#c5ebf6 rgb(197,235,246)
```
#d6f0f8
```
#d6f0f8 rgb(214,240,248)
```
#e7f6fb
```
#e7f6fb rgb(231,246,251)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

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

#818789
```
#818789 rgb(129,135,137)
```
#788c92
```
#788c92 rgb(120,140,146)
```
#6f919b
```
#6f919b rgb(111,145,155)
```
#6596a5
```
#6596a5 rgb(101,150,165)
```
#5c9bae
```
#5c9bae rgb(92,155,174)
```
#53a1b7
```
#53a1b7 rgb(83,161,183)
```
#49a6c1
```
#49a6c1 rgb(73,166,193)
```
#40abca
```
#40abca rgb(64,171,202)
```
#36b0d4
```
#36b0d4 rgb(54,176,212)
```
#2db5dd
```
#2db5dd rgb(45,181,221)
```
#24bae6
```
#24bae6 rgb(36,186,230)
```
#1abff0
```
#1abff0 rgb(26,191,240)
```
#11c4f9
```
#11c4f9 rgb(17,196,249)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#7d98a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0aad5 Protanopia 1% of men
#99a9e4 Deuteranopia 1% of men
#06bcca Tritanopia 0.001% of the population

Trichromacy

#76aed8 Protanomaly 1% of men, 0.01% of women
#71ade1 Deuteranomaly 6% of men, 0.4% of women
#14b9d1 Tritanomaly 0.01% of the population

#2db5dd hex color

#2db5dd Color Information

#2db5dd Color Conversion

Color Schemes with #2db5dd

Alternatives to #2db5dd

#2db5dd Preview

Shades and Tints of #2db5dd

Tones of #2db5dd

Color Blindness Simulator