#2da1dc hex color

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

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

● #2da1dc color description : Bright blue.

The hexadecimal color #2da1dc has RGB values of R:45, G:161, B:220 and CMYK values of C:0.8, M:0.27, Y:0, K:0.14. Its decimal value is 2990556.

Hex triplet	2da1dc	`#2da1dc`
RGB Decimal	45, 161, 220	`rgb(45,161,220)`
RGB Percent	17.6, 63.1, 86.3	`rgb(17.6%,63.1%,86.3%)`
CMYK	80, 27, 0, 14
HSL	200.2°, 71.4, 52	`hsl(200.2,71.4%,52%)`
HSV (or HSB)	200.2°, 79.5, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.687, -11.533, -38.835
XYZ	26.742, 31.213, 72.321
xyY	0.205, 0.24, 31.213
CIE-LCH	62.687, 40.511, 253.46
CIE-LUV	62.687, -38.775, -60.09
Hunter-Lab	55.868, -12.328, -37.643
Binary	00101101, 10100001, 11011100

#2da1dc
```
#2da1dc rgb(45,161,220)
```
#dc682d
```
#dc682d rgb(220,104,45)
```

Complementary Color

#2ddcc0
```
#2ddcc0 rgb(45,220,192)
```
#2da1dc
```
#2da1dc rgb(45,161,220)
```
#2d49dc
```
#2d49dc rgb(45,73,220)
```

Analogous Color

#dcc02d
```
#dcc02d rgb(220,192,45)
```
#2da1dc
```
#2da1dc rgb(45,161,220)
```
#dc2d49
```
#dc2d49 rgb(220,45,73)
```

Split Complementary Color

#a1dc2d
```
#a1dc2d rgb(161,220,45)
```
#2da1dc
```
#2da1dc rgb(45,161,220)
```
#dc2da1
```
#dc2da1 rgb(220,45,161)
```

Triadic Color

#2ddc68
```
#2ddc68 rgb(45,220,104)
```
#2da1dc
```
#2da1dc rgb(45,161,220)
```
#dc2da1
```
#dc2da1 rgb(220,45,161)
```
#dc682d
```
#dc682d rgb(220,104,45)
```

Tetradic Color

#1b74a2
```
#1b74a2 rgb(27,116,162)
```
#1f84b7
```
#1f84b7 rgb(31,132,183)
```
#2294cd
```
#2294cd rgb(34,148,205)
```
#2da1dc
```
#2da1dc rgb(45,161,220)
```
#43abe0
```
#43abe0 rgb(67,171,224)
```
#59b5e3
```
#59b5e3 rgb(89,181,227)
```
#6fbee7
```
#6fbee7 rgb(111,190,231)
```

Monochromatic Color

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

#2dcddc
```
#2dcddc rgb(45,205,220)
```
#2dbedc
```
#2dbedc rgb(45,190,220)
```
#2db0dc
```
#2db0dc rgb(45,176,220)
```
#2da1dc
```
#2da1dc rgb(45,161,220)
```
#2d92dc
```
#2d92dc rgb(45,146,220)
```
#2d84dc
```
#2d84dc rgb(45,132,220)
```
#2d75dc
```
#2d75dc rgb(45,117,220)
```

Similar Colors

Text with hexadecimal color #2da1dc

This text has a font color of #2da1dc.

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

#2da1dc background color

This paragraph has a background color of #2da1dc.

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

#2da1dc border color

This element has a border color of #2da1dc.

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

CSS codes

.text {color:#2da1dc;}

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

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

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)
```
#071e2a
```
#071e2a rgb(7,30,42)
```
#0a2a3b
```
#0a2a3b rgb(10,42,59)
```
#0d374c
```
#0d374c rgb(13,55,76)
```
#0f435d
```
#0f435d rgb(15,67,93)
```
#124f6d
```
#124f6d rgb(18,79,109)
```
#155b7e
```
#155b7e rgb(21,91,126)
```
#18678f
```
#18678f rgb(24,103,143)
```
#1b73a0
```
#1b73a0 rgb(27,115,160)
```
#1d7fb1
```
#1d7fb1 rgb(29,127,177)
```
#208bc2
```
#208bc2 rgb(32,139,194)
```
#2397d2
```
#2397d2 rgb(35,151,210)
```

Shade Color Variation

#2da1dc
```
#2da1dc rgb(45,161,220)
```
#3ea9df
```
#3ea9df rgb(62,169,223)
```
#4fb0e2
```
#4fb0e2 rgb(79,176,226)
```
#5fb8e4
```
#5fb8e4 rgb(95,184,228)
```
#70bfe7
```
#70bfe7 rgb(112,191,231)
```
#81c7ea
```
#81c7ea rgb(129,199,234)
```
#92ceed
```
#92ceed rgb(146,206,237)
```
#a3d6f0
```
#a3d6f0 rgb(163,214,240)
```
#b4ddf2
```
#b4ddf2 rgb(180,221,242)
```
#c4e5f5
```
#c4e5f5 rgb(196,229,245)
```
#d5ecf8
```
#d5ecf8 rgb(213,236,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 #11aaf8 is the most saturated one.

#828587
```
#828587 rgb(130,133,135)
```
#788891
```
#788891 rgb(120,136,145)
```
#6f8c9a
```
#6f8c9a rgb(111,140,154)
```
#668fa3
```
#668fa3 rgb(102,143,163)
```
#5c92ad
```
#5c92ad rgb(92,146,173)
```
#5395b6
```
#5395b6 rgb(83,149,182)
```
#4998c0
```
#4998c0 rgb(73,152,192)
```
#409bc9
```
#409bc9 rgb(64,155,201)
```
#369ed3
```
#369ed3 rgb(54,158,211)
```
#2da1dc
```
#2da1dc rgb(45,161,220)
```
#24a4e5
```
#24a4e5 rgb(36,164,229)
```
#1aa7ef
```
#1aa7ef rgb(26,167,239)
```
#11aaf8
```
#11aaf8 rgb(17,170,248)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#738b96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#899ad5 Protanopia 1% of men
#7b9ce1 Deuteranopia 1% of men
#00acb8 Tritanopia 0.001% of the population

Trichromacy

#679dd8 Protanomaly 1% of men, 0.01% of women
#5e9edf Deuteranomaly 6% of men, 0.4% of women
#10a8c5 Tritanomaly 0.01% of the population

#2da1dc hex color

#2da1dc Color Information

#2da1dc Color Conversion

Color Schemes with #2da1dc

Alternatives to #2da1dc

#2da1dc Preview

Shades and Tints of #2da1dc

Tones of #2da1dc

Color Blindness Simulator