#2da3dc hex color

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

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

● #2da3dc color description : Bright blue.

The hexadecimal color #2da3dc has RGB values of R:45, G:163, B:220 and CMYK values of C:0.8, M:0.26, Y:0, K:0.14. Its decimal value is 2991068.

Hex triplet	2da3dc	`#2da3dc`
RGB Decimal	45, 163, 220	`rgb(45,163,220)`
RGB Percent	17.6, 63.9, 86.3	`rgb(17.6%,63.9%,86.3%)`
CMYK	80, 26, 0, 14
HSL	199.5°, 71.4, 52	`hsl(199.5,71.4%,52%)`
HSV (or HSB)	199.5°, 79.5, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.274, -12.633, -37.916
XYZ	27.094, 31.917, 72.439
xyY	0.206, 0.243, 31.917
CIE-LCH	63.274, 39.965, 251.572
CIE-LUV	63.274, -39.463, -58.501
Hunter-Lab	56.495, -13.261, -36.476
Binary	00101101, 10100011, 11011100

#2da3dc
```
#2da3dc rgb(45,163,220)
```
#dc662d
```
#dc662d rgb(220,102,45)
```

Complementary Color

#2ddcbe
```
#2ddcbe rgb(45,220,190)
```
#2da3dc
```
#2da3dc rgb(45,163,220)
```
#2d4bdc
```
#2d4bdc rgb(45,75,220)
```

Analogous Color

#dcbe2d
```
#dcbe2d rgb(220,190,45)
```
#2da3dc
```
#2da3dc rgb(45,163,220)
```
#dc2d4b
```
#dc2d4b rgb(220,45,75)
```

Split Complementary Color

#a3dc2d
```
#a3dc2d rgb(163,220,45)
```
#2da3dc
```
#2da3dc rgb(45,163,220)
```
#dc2da3
```
#dc2da3 rgb(220,45,163)
```

Triadic Color

#2ddc66
```
#2ddc66 rgb(45,220,102)
```
#2da3dc
```
#2da3dc rgb(45,163,220)
```
#dc2da3
```
#dc2da3 rgb(220,45,163)
```
#dc662d
```
#dc662d rgb(220,102,45)
```

Tetradic Color

#1b76a2
```
#1b76a2 rgb(27,118,162)
```
#1f86b7
```
#1f86b7 rgb(31,134,183)
```
#2296cd
```
#2296cd rgb(34,150,205)
```
#2da3dc
```
#2da3dc rgb(45,163,220)
```
#43ade0
```
#43ade0 rgb(67,173,224)
```
#59b6e3
```
#59b6e3 rgb(89,182,227)
```
#6fc0e7
```
#6fc0e7 rgb(111,192,231)
```

Monochromatic Color

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

#2dcfdc
```
#2dcfdc rgb(45,207,220)
```
#2dc0dc
```
#2dc0dc rgb(45,192,220)
```
#2db2dc
```
#2db2dc rgb(45,178,220)
```
#2da3dc
```
#2da3dc rgb(45,163,220)
```
#2d94dc
```
#2d94dc rgb(45,148,220)
```
#2d86dc
```
#2d86dc rgb(45,134,220)
```
#2d77dc
```
#2d77dc rgb(45,119,220)
```

Similar Colors

Text with hexadecimal color #2da3dc

This text has a font color of #2da3dc.

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

#2da3dc background color

This paragraph has a background color of #2da3dc.

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

#2da3dc border color

This element has a border color of #2da3dc.

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

CSS codes

.text {color:#2da3dc;}

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

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

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

#010609
```
#010609 rgb(1,6,9)
```
#041219
```
#041219 rgb(4,18,25)
```
#071f2a
```
#071f2a rgb(7,31,42)
```
#0a2b3b
```
#0a2b3b rgb(10,43,59)
```
#0d374c
```
#0d374c rgb(13,55,76)
```
#0f435d
```
#0f435d rgb(15,67,93)
```
#12506d
```
#12506d rgb(18,80,109)
```
#155c7e
```
#155c7e rgb(21,92,126)
```
#18688f
```
#18688f rgb(24,104,143)
```
#1b74a0
```
#1b74a0 rgb(27,116,160)
```
#1d81b1
```
#1d81b1 rgb(29,129,177)
```
#208dc2
```
#208dc2 rgb(32,141,194)
```
#2399d2
```
#2399d2 rgb(35,153,210)
```

Shade Color Variation

#2da3dc
```
#2da3dc rgb(45,163,220)
```
#3eaadf
```
#3eaadf rgb(62,170,223)
```
#4fb2e2
```
#4fb2e2 rgb(79,178,226)
```
#5fb9e4
```
#5fb9e4 rgb(95,185,228)
```
#70c0e7
```
#70c0e7 rgb(112,192,231)
```
#81c8ea
```
#81c8ea rgb(129,200,234)
```
#92cfed
```
#92cfed rgb(146,207,237)
```
#a3d7f0
```
#a3d7f0 rgb(163,215,240)
```
#b4def2
```
#b4def2 rgb(180,222,242)
```
#c4e5f5
```
#c4e5f5 rgb(196,229,245)
```
#d5edf8
```
#d5edf8 rgb(213,237,248)
```
#e6f4fb
```
#e6f4fb rgb(230,244,251)
```
#f7fbfe
```
#f7fbfe rgb(247,251,254)
```

Tint Color Variation

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

#828587
```
#828587 rgb(130,133,135)
```
#788991
```
#788991 rgb(120,137,145)
```
#6f8c9a
```
#6f8c9a rgb(111,140,154)
```
#668fa3
```
#668fa3 rgb(102,143,163)
```
#5c93ad
```
#5c93ad rgb(92,147,173)
```
#5396b6
```
#5396b6 rgb(83,150,182)
```
#4999c0
```
#4999c0 rgb(73,153,192)
```
#409cc9
```
#409cc9 rgb(64,156,201)
```
#36a0d3
```
#36a0d3 rgb(54,160,211)
```
#2da3dc
```
#2da3dc rgb(45,163,220)
```
#24a6e5
```
#24a6e5 rgb(36,166,229)
```
#1aaaef
```
#1aaaef rgb(26,170,239)
```
#11adf8
```
#11adf8 rgb(17,173,248)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#748c97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b9cd5 Protanopia 1% of men
#7e9de1 Deuteranopia 1% of men
#00adba Tritanopia 0.001% of the population

Trichromacy

#699ed8 Protanomaly 1% of men, 0.01% of women
#609fdf Deuteranomaly 6% of men, 0.4% of women
#10a9c6 Tritanomaly 0.01% of the population

#2da3dc hex color

#2da3dc Color Information

#2da3dc Color Conversion

Color Schemes with #2da3dc

Alternatives to #2da3dc

#2da3dc Preview

Shades and Tints of #2da3dc

Tones of #2da3dc

Color Blindness Simulator