#2dabdd hex color

In a RGB color space, hex #2dabdd is composed of 17.6% red, 67.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 22.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 197 degrees, a saturation of 72.1% and a lightness of 52.2%. #2dabdd color hex could be obtained by blending #5affff with #0057bb. Closest websafe color is: #3399cc.

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

● #2dabdd color description : Bright blue.

The hexadecimal color #2dabdd has RGB values of R:45, G:171, B:221 and CMYK values of C:0.8, M:0.23, Y:0, K:0.13. Its decimal value is 2993117.

Hex triplet	2dabdd	`#2dabdd`
RGB Decimal	45, 171, 221	`rgb(45,171,221)`
RGB Percent	17.6, 67.1, 86.7	`rgb(17.6%,67.1%,86.7%)`
CMYK	80, 23, 0, 13
HSL	197°, 72.1, 52.2	`hsl(197,72.1%,52.2%)`
HSV (or HSB)	197°, 79.6, 86.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.672, -16.62, -34.732
XYZ	28.693, 34.902, 73.627
xyY	0.209, 0.254, 34.902
CIE-LCH	65.672, 38.503, 244.428
CIE-LUV	65.672, -42.16, -52.958
Hunter-Lab	59.078, -16.692, -32.538
Binary	00101101, 10101011, 11011101

#2dabdd
```
#2dabdd rgb(45,171,221)
```
#dd5f2d
```
#dd5f2d rgb(221,95,45)
```

Complementary Color

#2dddb7
```
#2dddb7 rgb(45,221,183)
```
#2dabdd
```
#2dabdd rgb(45,171,221)
```
#2d53dd
```
#2d53dd rgb(45,83,221)
```

Analogous Color

#ddb72d
```
#ddb72d rgb(221,183,45)
```
#2dabdd
```
#2dabdd rgb(45,171,221)
```
#dd2d53
```
#dd2d53 rgb(221,45,83)
```

Split Complementary Color

#abdd2d
```
#abdd2d rgb(171,221,45)
```
#2dabdd
```
#2dabdd rgb(45,171,221)
```
#dd2dab
```
#dd2dab rgb(221,45,171)
```

Triadic Color

#2ddd5f
```
#2ddd5f rgb(45,221,95)
```
#2dabdd
```
#2dabdd rgb(45,171,221)
```
#dd2dab
```
#dd2dab rgb(221,45,171)
```
#dd5f2d
```
#dd5f2d rgb(221,95,45)
```

Tetradic Color

#1a7ca3
```
#1a7ca3 rgb(26,124,163)
```
#1e8db9
```
#1e8db9 rgb(30,141,185)
```
#229ecf
```
#229ecf rgb(34,158,207)
```
#2dabdd
```
#2dabdd rgb(45,171,221)
```
#43b4e1
```
#43b4e1 rgb(67,180,225)
```
#59bde4
```
#59bde4 rgb(89,189,228)
```
#6fc5e8
```
#6fc5e8 rgb(111,197,232)
```

Monochromatic Color

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

#2dd7dd
```
#2dd7dd rgb(45,215,221)
```
#2dc8dd
```
#2dc8dd rgb(45,200,221)
```
#2dbadd
```
#2dbadd rgb(45,186,221)
```
#2dabdd
```
#2dabdd rgb(45,171,221)
```
#2d9cdd
```
#2d9cdd rgb(45,156,221)
```
#2d8edd
```
#2d8edd rgb(45,142,221)
```
#2d7fdd
```
#2d7fdd rgb(45,127,221)
```

Similar Colors

Text with hexadecimal color #2dabdd

This text has a font color of #2dabdd.

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

#2dabdd background color

This paragraph has a background color of #2dabdd.

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

#2dabdd border color

This element has a border color of #2dabdd.

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

CSS codes

.text {color:#2dabdd;}

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

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

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

#020709
```
#020709 rgb(2,7,9)
```
#04141a
```
#04141a rgb(4,20,26)
```
#07212b
```
#07212b rgb(7,33,43)
```
#0a2e3c
```
#0a2e3c rgb(10,46,60)
```
#0c3b4d
```
#0c3b4d rgb(12,59,77)
```
#0f485e
```
#0f485e rgb(15,72,94)
```
#12546f
```
#12546f rgb(18,84,111)
```
#156180
```
#156180 rgb(21,97,128)
```
#176e91
```
#176e91 rgb(23,110,145)
```
#1a7ba1
```
#1a7ba1 rgb(26,123,161)
```
#1d88b2
```
#1d88b2 rgb(29,136,178)
```
#2095c3
```
#2095c3 rgb(32,149,195)
```
#22a2d4
```
#22a2d4 rgb(34,162,212)
```

Shade Color Variation

#2dabdd
```
#2dabdd rgb(45,171,221)
```
#3eb2e0
```
#3eb2e0 rgb(62,178,224)
```
#4fb9e2
```
#4fb9e2 rgb(79,185,226)
```
#60bfe5
```
#60bfe5 rgb(96,191,229)
```
#71c6e8
```
#71c6e8 rgb(113,198,232)
```
#81cdeb
```
#81cdeb rgb(129,205,235)
```
#92d4ed
```
#92d4ed rgb(146,212,237)
```
#a3daf0
```
#a3daf0 rgb(163,218,240)
```
#b4e1f3
```
#b4e1f3 rgb(180,225,243)
```
#c5e8f6
```
#c5e8f6 rgb(197,232,246)
```
#d6eff8
```
#d6eff8 rgb(214,239,248)
```
#e7f5fb
```
#e7f5fb rgb(231,245,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 #11b7f9 is the most saturated one.

#818789
```
#818789 rgb(129,135,137)
```
#788b92
```
#788b92 rgb(120,139,146)
```
#6f8f9b
```
#6f8f9b rgb(111,143,155)
```
#6593a5
```
#6593a5 rgb(101,147,165)
```
#5c97ae
```
#5c97ae rgb(92,151,174)
```
#539bb7
```
#539bb7 rgb(83,155,183)
```
#499fc1
```
#499fc1 rgb(73,159,193)
```
#40a3ca
```
#40a3ca rgb(64,163,202)
```
#36a7d4
```
#36a7d4 rgb(54,167,212)
```
#2dabdd
```
#2dabdd rgb(45,171,221)
```
#24afe6
```
#24afe6 rgb(36,175,230)
```
#1ab3f0
```
#1ab3f0 rgb(26,179,240)
```
#11b7f9
```
#11b7f9 rgb(17,183,249)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#78919b Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a2d6 Protanopia 1% of men
#8aa3e3 Deuteranopia 1% of men
#00b4c1 Tritanopia 0.001% of the population

Trichromacy

#6fa5d8 Protanomaly 1% of men, 0.01% of women
#68a5e1 Deuteranomaly 6% of men, 0.4% of women
#10b1cb Tritanomaly 0.01% of the population

#2dabdd hex color

#2dabdd Color Information

#2dabdd Color Conversion

Color Schemes with #2dabdd

Alternatives to #2dabdd

#2dabdd Preview

Shades and Tints of #2dabdd

Tones of #2dabdd

Color Blindness Simulator