#2dabdc hex color

In a RGB color space, hex #2dabdc is composed of 17.6% red, 67.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 22.3% magenta, 0% yellow and 13.7% black. It has a hue angle of 196.8 degrees, a saturation of 71.4% and a lightness of 52%. #2dabdc color hex could be obtained by blending #5affff with #0057b9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 67
- B 86
RGB color chart
- C 80
- M 22
- Y 0
- K 14
CMYK color chart

● #2dabdc color description : Bright blue.

The hexadecimal color #2dabdc has RGB values of R:45, G:171, B:220 and CMYK values of C:0.8, M:0.22, Y:0, K:0.14. Its decimal value is 2993116.

Hex triplet	2dabdc	`#2dabdc`
RGB Decimal	45, 171, 220	`rgb(45,171,220)`
RGB Percent	17.6, 67.1, 86.3	`rgb(17.6%,67.1%,86.3%)`
CMYK	80, 22, 0, 14
HSL	196.8°, 71.4, 52	`hsl(196.8,71.4%,52%)`
HSV (or HSB)	196.8°, 79.5, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.63, -16.96, -34.245
XYZ	28.56, 34.848, 72.927
xyY	0.209, 0.256, 34.848
CIE-LCH	65.63, 38.215, 243.654
CIE-LUV	65.63, -42.224, -52.09
Hunter-Lab	59.033, -16.949, -31.923
Binary	00101101, 10101011, 11011100

#2dabdc
```
#2dabdc rgb(45,171,220)
```
#dc5e2d
```
#dc5e2d rgb(220,94,45)
```

Complementary Color

#2ddcb6
```
#2ddcb6 rgb(45,220,182)
```
#2dabdc
```
#2dabdc rgb(45,171,220)
```
#2d54dc
```
#2d54dc rgb(45,84,220)
```

Analogous Color

#dcb62d
```
#dcb62d rgb(220,182,45)
```
#2dabdc
```
#2dabdc rgb(45,171,220)
```
#dc2d54
```
#dc2d54 rgb(220,45,84)
```

Split Complementary Color

#abdc2d
```
#abdc2d rgb(171,220,45)
```
#2dabdc
```
#2dabdc rgb(45,171,220)
```
#dc2dab
```
#dc2dab rgb(220,45,171)
```

Triadic Color

#2ddc5e
```
#2ddc5e rgb(45,220,94)
```
#2dabdc
```
#2dabdc rgb(45,171,220)
```
#dc2dab
```
#dc2dab rgb(220,45,171)
```
#dc5e2d
```
#dc5e2d rgb(220,94,45)
```

Tetradic Color

#1b7ca2
```
#1b7ca2 rgb(27,124,162)
```
#1f8db7
```
#1f8db7 rgb(31,141,183)
```
#229dcd
```
#229dcd rgb(34,157,205)
```
#2dabdc
```
#2dabdc rgb(45,171,220)
```
#43b4e0
```
#43b4e0 rgb(67,180,224)
```
#59bce3
```
#59bce3 rgb(89,188,227)
```
#6fc5e7
```
#6fc5e7 rgb(111,197,231)
```

Monochromatic Color

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

#2dd7dc
```
#2dd7dc rgb(45,215,220)
```
#2dc8dc
```
#2dc8dc rgb(45,200,220)
```
#2dbadc
```
#2dbadc rgb(45,186,220)
```
#2dabdc
```
#2dabdc rgb(45,171,220)
```
#2d9cdc
```
#2d9cdc rgb(45,156,220)
```
#2d8edc
```
#2d8edc rgb(45,142,220)
```
#2d7fdc
```
#2d7fdc rgb(45,127,220)
```

Similar Colors

Text with hexadecimal color #2dabdc

This text has a font color of #2dabdc.

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

#2dabdc background color

This paragraph has a background color of #2dabdc.

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

#2dabdc border color

This element has a border color of #2dabdc.

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

CSS codes

.text {color:#2dabdc;}

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

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

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

#010709
```
#010709 rgb(1,7,9)
```
#041319
```
#041319 rgb(4,19,25)
```
#07202a
```
#07202a rgb(7,32,42)
```
#0a2d3b
```
#0a2d3b rgb(10,45,59)
```
#0d3a4c
```
#0d3a4c rgb(13,58,76)
```
#0f475d
```
#0f475d rgb(15,71,93)
```
#12546d
```
#12546d rgb(18,84,109)
```
#15617e
```
#15617e rgb(21,97,126)
```
#186e8f
```
#186e8f rgb(24,110,143)
```
#1b7ba0
```
#1b7ba0 rgb(27,123,160)
```
#1d87b1
```
#1d87b1 rgb(29,135,177)
```
#2094c2
```
#2094c2 rgb(32,148,194)
```
#23a1d2
```
#23a1d2 rgb(35,161,210)
```

Shade Color Variation

#2dabdc
```
#2dabdc rgb(45,171,220)
```
#3eb2df
```
#3eb2df rgb(62,178,223)
```
#4fb8e2
```
#4fb8e2 rgb(79,184,226)
```
#5fbfe4
```
#5fbfe4 rgb(95,191,228)
```
#70c6e7
```
#70c6e7 rgb(112,198,231)
```
#81cdea
```
#81cdea rgb(129,205,234)
```
#92d3ed
```
#92d3ed rgb(146,211,237)
```
#a3daf0
```
#a3daf0 rgb(163,218,240)
```
#b4e1f2
```
#b4e1f2 rgb(180,225,242)
```
#c4e8f5
```
#c4e8f5 rgb(196,232,245)
```
#d5eef8
```
#d5eef8 rgb(213,238,248)
```
#e6f5fb
```
#e6f5fb rgb(230,245,251)
```
#f7fcfe
```
#f7fcfe rgb(247,252,254)
```

Tint Color Variation

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

#828687
```
#828687 rgb(130,134,135)
```
#788a91
```
#788a91 rgb(120,138,145)
```
#6f8e9a
```
#6f8e9a rgb(111,142,154)
```
#6692a3
```
#6692a3 rgb(102,146,163)
```
#5c96ad
```
#5c96ad rgb(92,150,173)
```
#539ab6
```
#539ab6 rgb(83,154,182)
```
#499fc0
```
#499fc0 rgb(73,159,192)
```
#40a3c9
```
#40a3c9 rgb(64,163,201)
```
#36a7d3
```
#36a7d3 rgb(54,167,211)
```
#2dabdc
```
#2dabdc rgb(45,171,220)
```
#24afe5
```
#24afe5 rgb(36,175,229)
```
#1ab3ef
```
#1ab3ef rgb(26,179,239)
```
#11b7f8
```
#11b7f8 rgb(17,183,248)
```

Tone Color Variation

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

#95a2d5 Protanopia 1% of men
#8ba2e2 Deuteranopia 1% of men
#00b4c1 Tritanopia 0.001% of the population

Trichromacy

#6fa5d7 Protanomaly 1% of men, 0.01% of women
#68a5e0 Deuteranomaly 6% of men, 0.4% of women
#10b0cb Tritanomaly 0.01% of the population

#2dabdc hex color

#2dabdc Color Information

#2dabdc Color Conversion

Color Schemes with #2dabdc

Alternatives to #2dabdc

#2dabdc Preview

Shades and Tints of #2dabdc

Tones of #2dabdc

Color Blindness Simulator