#2d93ae hex color

In a RGB color space, hex #2d93ae is composed of 17.6% red, 57.6% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 15.5% magenta, 0% yellow and 31.8% black. It has a hue angle of 192.6 degrees, a saturation of 58.9% and a lightness of 42.9%. #2d93ae color hex could be obtained by blending #5affff with #00275d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 58
- B 68
RGB color chart
- C 74
- M 16
- Y 0
- K 32
CMYK color chart

● #2d93ae color description : Dark cyan.

The hexadecimal color #2d93ae has RGB values of R:45, G:147, B:174 and CMYK values of C:0.74, M:0.16, Y:0, K:0.32. Its decimal value is 2986926.

Hex triplet	2d93ae	`#2d93ae`
RGB Decimal	45, 147, 174	`rgb(45,147,174)`
RGB Percent	17.6, 57.6, 68.2	`rgb(17.6%,57.6%,68.2%)`
CMYK	74, 16, 0, 32
HSL	192.6°, 58.9, 42.9	`hsl(192.6,58.9%,42.9%)`
HSV (or HSB)	192.6°, 74.1, 68.2
Web Safe	339999	`#339999`

CIE-LAB	56.565, -19.639, -22.48
XYZ	19.154, 24.48, 43.758
xyY	0.219, 0.28, 24.48
CIE-LCH	56.565, 29.85, 228.858
CIE-LUV	56.565, -36.639, -31.402
Hunter-Lab	49.477, -17.482, -17.803
Binary	00101101, 10010011, 10101110

#2d93ae
```
#2d93ae rgb(45,147,174)
```
#ae482d
```
#ae482d rgb(174,72,45)
```

Complementary Color

#2dae89
```
#2dae89 rgb(45,174,137)
```
#2d93ae
```
#2d93ae rgb(45,147,174)
```
#2d53ae
```
#2d53ae rgb(45,83,174)
```

Analogous Color

#ae892d
```
#ae892d rgb(174,137,45)
```
#2d93ae
```
#2d93ae rgb(45,147,174)
```
#ae2d53
```
#ae2d53 rgb(174,45,83)
```

Split Complementary Color

#93ae2d
```
#93ae2d rgb(147,174,45)
```
#2d93ae
```
#2d93ae rgb(45,147,174)
```
#ae2d93
```
#ae2d93 rgb(174,45,147)
```

Triadic Color

#2dae48
```
#2dae48 rgb(45,174,72)
```
#2d93ae
```
#2d93ae rgb(45,147,174)
```
#ae2d93
```
#ae2d93 rgb(174,45,147)
```
#ae482d
```
#ae482d rgb(174,72,45)
```

Tetradic Color

#1d6071
```
#1d6071 rgb(29,96,113)
```
#237185
```
#237185 rgb(35,113,133)
```
#28829a
```
#28829a rgb(40,130,154)
```
#2d93ae
```
#2d93ae rgb(45,147,174)
```
#32a4c2
```
#32a4c2 rgb(50,164,194)
```
#40b0ce
```
#40b0ce rgb(64,176,206)
```
#55b8d3
```
#55b8d3 rgb(85,184,211)
```

Monochromatic Color

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

#2daea9
```
#2daea9 rgb(45,174,169)
```
#2da9ae
```
#2da9ae rgb(45,169,174)
```
#2d9eae
```
#2d9eae rgb(45,158,174)
```
#2d93ae
```
#2d93ae rgb(45,147,174)
```
#2d88ae
```
#2d88ae rgb(45,136,174)
```
#2d7eae
```
#2d7eae rgb(45,126,174)
```
#2d73ae
```
#2d73ae rgb(45,115,174)
```

Similar Colors

Text with hexadecimal color #2d93ae

This text has a font color of #2d93ae.

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

#2d93ae background color

This paragraph has a background color of #2d93ae.

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

#2d93ae border color

This element has a border color of #2d93ae.

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

CSS codes

.text {color:#2d93ae;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050f12
```
#050f12 rgb(5,15,18)
```
#091d22
```
#091d22 rgb(9,29,34)
```
#0d2a31
```
#0d2a31 rgb(13,42,49)
```
#113741
```
#113741 rgb(17,55,65)
```
#154450
```
#154450 rgb(21,68,80)
```
#195160
```
#195160 rgb(25,81,96)
```
#1d5e70
```
#1d5e70 rgb(29,94,112)
```
#216c7f
```
#216c7f rgb(33,108,127)
```
#25798f
```
#25798f rgb(37,121,143)
```
#29869e
```
#29869e rgb(41,134,158)
```
#2d93ae
```
#2d93ae rgb(45,147,174)
```
#31a0be
```
#31a0be rgb(49,160,190)
```

Shade Color Variation

#37accb
```
#37accb rgb(55,172,203)
```
#47b3cf
```
#47b3cf rgb(71,179,207)
```
#56b9d3
```
#56b9d3 rgb(86,185,211)
```
#66c0d7
```
#66c0d7 rgb(102,192,215)
```
#75c6db
```
#75c6db rgb(117,198,219)
```
#85ccdf
```
#85ccdf rgb(133,204,223)
```
#94d3e3
```
#94d3e3 rgb(148,211,227)
```
#a4d9e7
```
#a4d9e7 rgb(164,217,231)
```
#b4e0ec
```
#b4e0ec rgb(180,224,236)
```
#c3e6f0
```
#c3e6f0 rgb(195,230,240)
```
#d3edf4
```
#d3edf4 rgb(211,237,244)
```
#e2f3f8
```
#e2f3f8 rgb(226,243,248)
```
#f2fafc
```
#f2fafc rgb(242,250,252)
```

Tint Color Variation

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

#687173
```
#687173 rgb(104,113,115)
```
#60767b
```
#60767b rgb(96,118,123)
```
#577b84
```
#577b84 rgb(87,123,132)
```
#4f7f8c
```
#4f7f8c rgb(79,127,140)
```
#468495
```
#468495 rgb(70,132,149)
```
#3e899d
```
#3e899d rgb(62,137,157)
```
#358ea6
```
#358ea6 rgb(53,142,166)
```
#2d93ae
```
#2d93ae rgb(45,147,174)
```
#2598b6
```
#2598b6 rgb(37,152,182)
```
#1c9dbf
```
#1c9dbf rgb(28,157,191)
```
#14a2c7
```
#14a2c7 rgb(20,162,199)
```
#0ba7d0
```
#0ba7d0 rgb(11,167,208)
```
#03abd8
```
#03abd8 rgb(3,171,216)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#697d83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#868caa Protanopia 1% of men
#828bb7 Deuteranopia 1% of men
#2b9aa6 Tritanopia 0.001% of the population

Trichromacy

#668eab Protanomaly 1% of men, 0.01% of women
#638eb3 Deuteranomaly 6% of men, 0.4% of women
#2c97a9 Tritanomaly 0.01% of the population

#2d93ae hex color

#2d93ae Color Information

#2d93ae Color Conversion

Color Schemes with #2d93ae

Alternatives to #2d93ae

#2d93ae Preview

Shades and Tints of #2d93ae

Tones of #2d93ae

Color Blindness Simulator