colorhexa.com

#2c9fae hex color

In a RGB color space, hex #2c9fae is composed of 17.3% red, 62.4% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 8.6% magenta, 0% yellow and 31.8% black. It has a hue angle of 186.9 degrees, a saturation of 59.6% and a lightness of 42.7%. #2c9fae color hex could be obtained by blending #58ffff with #003f5d. Closest websafe color is: #339999.

- R 17
- G 62
- B 68
RGB color chart
- C 75
- M 9
- Y 0
- K 32
CMYK color chart

● #2c9fae color description : Dark cyan.

The hexadecimal color #2c9fae has RGB values of R:44, G:159, B:174 and CMYK values of C:0.75, M:0.09, Y:0, K:0.32. Its decimal value is 2924462.

Hex triplet	2c9fae	`#2c9fae`
RGB Decimal	44, 159, 174	`rgb(44,159,174)`
RGB Percent	17.3, 62.4, 68.2	`rgb(17.3%,62.4%,68.2%)`
CMYK	75, 9, 0, 32
HSL	186.9°, 59.6, 42.7	`hsl(186.9,59.6%,42.7%)`
HSV (or HSB)	186.9°, 74.7, 68.2
Web Safe	339999	`#339999`

CIE-LAB	60.236, -25.973, -16.881
XYZ	21.075, 28.386, 44.41
xyY	0.225, 0.302, 28.386
CIE-LCH	60.236, 30.977, 213.021
CIE-LUV	60.236, -41.127, -21.877
Hunter-Lab	53.278, -22.63, -12.127
Binary	00101100, 10011111, 10101110

#2c9fae
```
#2c9fae rgb(44,159,174)
```
#ae3b2c
```
#ae3b2c rgb(174,59,44)
```

Complementary Color

#2cae7c
```
#2cae7c rgb(44,174,124)
```
#2c9fae
```
#2c9fae rgb(44,159,174)
```
#2c5eae
```
#2c5eae rgb(44,94,174)
```

Analogous Color

#ae7c2c
```
#ae7c2c rgb(174,124,44)
```
#2c9fae
```
#2c9fae rgb(44,159,174)
```
#ae2c5e
```
#ae2c5e rgb(174,44,94)
```

Split Complementary Color

#9fae2c
```
#9fae2c rgb(159,174,44)
```
#2c9fae
```
#2c9fae rgb(44,159,174)
```
#ae2c9f
```
#ae2c9f rgb(174,44,159)
```

Triadic Color

#2cae3b
```
#2cae3b rgb(44,174,59)
```
#2c9fae
```
#2c9fae rgb(44,159,174)
```
#ae2c9f
```
#ae2c9f rgb(174,44,159)
```
#ae3b2c
```
#ae3b2c rgb(174,59,44)
```

Tetradic Color

#1d6771
```
#1d6771 rgb(29,103,113)
```
#227a85
```
#227a85 rgb(34,122,133)
```
#278c9a
```
#278c9a rgb(39,140,154)
```
#2c9fae
```
#2c9fae rgb(44,159,174)
```
#31b2c2
```
#31b2c2 rgb(49,178,194)
```
#3fbece
```
#3fbece rgb(63,190,206)
```
#53c5d4
```
#53c5d4 rgb(83,197,212)
```

Monochromatic Color

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

#2cae9d
```
#2cae9d rgb(44,174,157)
```
#2caea7
```
#2caea7 rgb(44,174,167)
```
#2caaae
```
#2caaae rgb(44,170,174)
```
#2c9fae
```
#2c9fae rgb(44,159,174)
```
#2c94ae
```
#2c94ae rgb(44,148,174)
```
#2c89ae
```
#2c89ae rgb(44,137,174)
```
#2c7fae
```
#2c7fae rgb(44,127,174)
```

Similar Colors

Text with hexadecimal color #2c9fae

This text has a font color of #2c9fae.

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

#2c9fae background color

This paragraph has a background color of #2c9fae.

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

#2c9fae border color

This element has a border color of #2c9fae.

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

CSS codes

.text {color:#2c9fae;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#041011
```
#041011 rgb(4,16,17)
```
#081e21
```
#081e21 rgb(8,30,33)
```
#0c2d31
```
#0c2d31 rgb(12,45,49)
```
#103b40
```
#103b40 rgb(16,59,64)
```
#144950
```
#144950 rgb(20,73,80)
```
#185760
```
#185760 rgb(24,87,96)
```
#1c666f
```
#1c666f rgb(28,102,111)
```
#20747f
```
#20747f rgb(32,116,127)
```
#24828f
```
#24828f rgb(36,130,143)
```
#28919e
```
#28919e rgb(40,145,158)
```
#2c9fae
```
#2c9fae rgb(44,159,174)
```
#30adbe
```
#30adbe rgb(48,173,190)
```

Shade Color Variation

#35bbcc
```
#35bbcc rgb(53,187,204)
```
#45c0d0
```
#45c0d0 rgb(69,192,208)
```
#55c5d4
```
#55c5d4 rgb(85,197,212)
```
#64cbd8
```
#64cbd8 rgb(100,203,216)
```
#74d0dc
```
#74d0dc rgb(116,208,220)
```
#84d5e0
```
#84d5e0 rgb(132,213,224)
```
#93dae4
```
#93dae4 rgb(147,218,228)
```
#a3e0e8
```
#a3e0e8 rgb(163,224,232)
```
#b2e5ec
```
#b2e5ec rgb(178,229,236)
```
#c2eaf0
```
#c2eaf0 rgb(194,234,240)
```
#d2f0f4
```
#d2f0f4 rgb(210,240,244)
```
#e1f5f8
```
#e1f5f8 rgb(225,245,248)
```
#f1fafb
```
#f1fafb rgb(241,250,251)
```

Tint Color Variation

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

#677273
```
#677273 rgb(103,114,115)
```
#5e787c
```
#5e787c rgb(94,120,124)
```
#567f84
```
#567f84 rgb(86,127,132)
```
#4e858c
```
#4e858c rgb(78,133,140)
```
#458c95
```
#458c95 rgb(69,140,149)
```
#3d929d
```
#3d929d rgb(61,146,157)
```
#3499a6
```
#3499a6 rgb(52,153,166)
```
#2c9fae
```
#2c9fae rgb(44,159,174)
```
#24a5b6
```
#24a5b6 rgb(36,165,182)
```
#1bacbf
```
#1bacbf rgb(27,172,191)
```
#13b2c7
```
#13b2c7 rgb(19,178,199)
```
#0ab9d0
```
#0ab9d0 rgb(10,185,208)
```
#02bfd8
```
#02bfd8 rgb(2,191,216)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6e8588 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9395a9 Protanopia 1% of men
#9294b8 Deuteranopia 1% of men
#35a4b0 Tritanopia 0.001% of the population

Trichromacy

#6d99ab Protanomaly 1% of men, 0.01% of women
#6d98b4 Deuteranomaly 6% of men, 0.4% of women
#31a2af Tritanomaly 0.01% of the population