#2da6c4 hex color

In a RGB color space, hex #2da6c4 is composed of 17.6% red, 65.1% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 15.3% magenta, 0% yellow and 23.1% black. It has a hue angle of 191.9 degrees, a saturation of 62.7% and a lightness of 47.3%. #2da6c4 color hex could be obtained by blending #5affff with #004d89. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 65
- B 77
RGB color chart
- C 77
- M 15
- Y 0
- K 23
CMYK color chart

● #2da6c4 color description : Strong cyan.

The hexadecimal color #2da6c4 has RGB values of R:45, G:166, B:196 and CMYK values of C:0.77, M:0.15, Y:0, K:0.23. Its decimal value is 2991812.

Hex triplet	2da6c4	`#2da6c4`
RGB Decimal	45, 166, 196	`rgb(45,166,196)`
RGB Percent	17.6, 65.1, 76.9	`rgb(17.6%,65.1%,76.9%)`
CMYK	77, 15, 0, 23
HSL	191.9°, 62.7, 47.3	`hsl(191.9,62.7%,47.3%)`
HSV (or HSB)	191.9°, 77, 76.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.189, -22.346, -24.715
XYZ	24.679, 31.814, 57.061
xyY	0.217, 0.28, 31.814
CIE-LCH	63.189, 33.319, 227.882
CIE-LUV	63.189, -42.035, -35.271
Hunter-Lab	56.404, -20.603, -20.499
Binary	00101101, 10100110, 11000100

#2da6c4
```
#2da6c4 rgb(45,166,196)
```
#c44b2d
```
#c44b2d rgb(196,75,45)
```

Complementary Color

#2dc497
```
#2dc497 rgb(45,196,151)
```
#2da6c4
```
#2da6c4 rgb(45,166,196)
```
#2d5bc4
```
#2d5bc4 rgb(45,91,196)
```

Analogous Color

#c4972d
```
#c4972d rgb(196,151,45)
```
#2da6c4
```
#2da6c4 rgb(45,166,196)
```
#c42d5b
```
#c42d5b rgb(196,45,91)
```

Split Complementary Color

#a6c42d
```
#a6c42d rgb(166,196,45)
```
#2da6c4
```
#2da6c4 rgb(45,166,196)
```
#c42da6
```
#c42da6 rgb(196,45,166)
```

Triadic Color

#2dc44b
```
#2dc44b rgb(45,196,75)
```
#2da6c4
```
#2da6c4 rgb(45,166,196)
```
#c42da6
```
#c42da6 rgb(196,45,166)
```
#c44b2d
```
#c44b2d rgb(196,75,45)
```

Tetradic Color

#1f7186
```
#1f7186 rgb(31,113,134)
```
#23839b
```
#23839b rgb(35,131,155)
```
#2894af
```
#2894af rgb(40,148,175)
```
#2da6c4
```
#2da6c4 rgb(45,166,196)
```
#39b3d2
```
#39b3d2 rgb(57,179,210)
```
#4ebbd6
```
#4ebbd6 rgb(78,187,214)
```
#62c3db
```
#62c3db rgb(98,195,219)
```

Monochromatic Color

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

#2dc4bc
```
#2dc4bc rgb(45,196,188)
```
#2dbfc4
```
#2dbfc4 rgb(45,191,196)
```
#2db3c4
```
#2db3c4 rgb(45,179,196)
```
#2da6c4
```
#2da6c4 rgb(45,166,196)
```
#2d99c4
```
#2d99c4 rgb(45,153,196)
```
#2d8dc4
```
#2d8dc4 rgb(45,141,196)
```
#2d80c4
```
#2d80c4 rgb(45,128,196)
```

Similar Colors

Text with hexadecimal color #2da6c4

This text has a font color of #2da6c4.

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

#2da6c4 background color

This paragraph has a background color of #2da6c4.

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

#2da6c4 border color

This element has a border color of #2da6c4.

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

CSS codes

.text {color:#2da6c4;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#051115
```
#051115 rgb(5,17,21)
```
#081f24
```
#081f24 rgb(8,31,36)
```
#0c2c34
```
#0c2c34 rgb(12,44,52)
```
#103a44
```
#103a44 rgb(16,58,68)
```
#134754
```
#134754 rgb(19,71,84)
```
#175564
```
#175564 rgb(23,85,100)
```
#1b6274
```
#1b6274 rgb(27,98,116)
```
#1e7084
```
#1e7084 rgb(30,112,132)
```
#227d94
```
#227d94 rgb(34,125,148)
```
#268ba4
```
#268ba4 rgb(38,139,164)
```
#2998b4
```
#2998b4 rgb(41,152,180)
```
#2da6c4
```
#2da6c4 rgb(45,166,196)
```

Shade Color Variation

#34b1d0
```
#34b1d0 rgb(52,177,208)
```
#44b7d4
```
#44b7d4 rgb(68,183,212)
```
#54bed8
```
#54bed8 rgb(84,190,216)
```
#64c4db
```
#64c4db rgb(100,196,219)
```
#74cadf
```
#74cadf rgb(116,202,223)
```
#84d0e3
```
#84d0e3 rgb(132,208,227)
```
#94d6e6
```
#94d6e6 rgb(148,214,230)
```
#a4dcea
```
#a4dcea rgb(164,220,234)
```
#b4e2ee
```
#b4e2ee rgb(180,226,238)
```
#c4e8f1
```
#c4e8f1 rgb(196,232,241)
```
#d4eef5
```
#d4eef5 rgb(212,238,245)
```
#e4f5f9
```
#e4f5f9 rgb(228,245,249)
```
#f4fbfc
```
#f4fbfc rgb(244,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #77797a is the less saturated color, while #08bce9 is the most saturated one.

#77797a
```
#77797a rgb(119,121,122)
```
#6e7f83
```
#6e7f83 rgb(110,127,131)
```
#65848c
```
#65848c rgb(101,132,140)
```
#5b8a96
```
#5b8a96 rgb(91,138,150)
```
#52909f
```
#52909f rgb(82,144,159)
```
#4995a8
```
#4995a8 rgb(73,149,168)
```
#409bb1
```
#409bb1 rgb(64,155,177)
```
#36a0bb
```
#36a0bb rgb(54,160,187)
```
#2da6c4
```
#2da6c4 rgb(45,166,196)
```
#24accd
```
#24accd rgb(36,172,205)
```
#1ab1d7
```
#1ab1d7 rgb(26,177,215)
```
#11b7e0
```
#11b7e0 rgb(17,183,224)
```
#08bce9
```
#08bce9 rgb(8,188,233)
```

Tone Color Variation

Below, you can see how #2da6c4 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
#738c92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#969cbe Protanopia 1% of men
#919ccc Deuteranopia 1% of men
#27adb9 Tritanopia 0.001% of the population

Trichromacy

#6fa0c0 Protanomaly 1% of men, 0.01% of women
#6d9fc9 Deuteranomaly 6% of men, 0.4% of women
#29aabd Tritanomaly 0.01% of the population

#2da6c4 hex color

#2da6c4 Color Information

#2da6c4 Color Conversion

Color Schemes with #2da6c4

Alternatives to #2da6c4

#2da6c4 Preview

Shades and Tints of #2da6c4

Tones of #2da6c4

Color Blindness Simulator