#2cafec hex color

In a RGB color space, hex #2cafec is composed of 17.3% red, 68.6% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 25.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 199.1 degrees, a saturation of 83.5% and a lightness of 54.9%. #2cafec color hex could be obtained by blending #58ffff with #005fd9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 17
- G 69
- B 93
RGB color chart
- C 81
- M 26
- Y 0
- K 7
CMYK color chart

● #2cafec color description : Bright blue.

The hexadecimal color #2cafec has RGB values of R:44, G:175, B:236 and CMYK values of C:0.81, M:0.26, Y:0, K:0.07. Its decimal value is 2928620.

Hex triplet	2cafec	`#2cafec`
RGB Decimal	44, 175, 236	`rgb(44,175,236)`
RGB Percent	17.3, 68.6, 92.5	`rgb(17.3%,68.6%,92.5%)`
CMYK	81, 26, 0, 7
HSL	199.1°, 83.5, 54.9	`hsl(199.1,83.5%,54.9%)`
HSV (or HSB)	199.1°, 81.4, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.463, -13.722, -40.167
XYZ	31.505, 37.249, 84.882
xyY	0.205, 0.242, 37.249
CIE-LCH	67.463, 42.446, 251.139
CIE-LUV	67.463, -42.695, -62.75
Hunter-Lab	61.032, -14.662, -39.737
Binary	00101100, 10101111, 11101100

#2cafec
```
#2cafec rgb(44,175,236)
```
#ec692c
```
#ec692c rgb(236,105,44)
```

Complementary Color

#2cecc9
```
#2cecc9 rgb(44,236,201)
```
#2cafec
```
#2cafec rgb(44,175,236)
```
#2c4fec
```
#2c4fec rgb(44,79,236)
```

Analogous Color

#ecc92c
```
#ecc92c rgb(236,201,44)
```
#2cafec
```
#2cafec rgb(44,175,236)
```
#ec2c4f
```
#ec2c4f rgb(236,44,79)
```

Split Complementary Color

#afec2c
```
#afec2c rgb(175,236,44)
```
#2cafec
```
#2cafec rgb(44,175,236)
```
#ec2caf
```
#ec2caf rgb(236,44,175)
```

Triadic Color

#2cec69
```
#2cec69 rgb(44,236,105)
```
#2cafec
```
#2cafec rgb(44,175,236)
```
#ec2caf
```
#ec2caf rgb(236,44,175)
```
#ec692c
```
#ec692c rgb(236,105,44)
```

Tetradic Color

#1185bb
```
#1185bb rgb(17,133,187)
```
#1395d2
```
#1395d2 rgb(19,149,210)
```
#15a6e9
```
#15a6e9 rgb(21,166,233)
```
#2cafec
```
#2cafec rgb(44,175,236)
```
#43b8ee
```
#43b8ee rgb(67,184,238)
```
#5bc1f0
```
#5bc1f0 rgb(91,193,240)
```
#72caf2
```
#72caf2 rgb(114,202,242)
```

Monochromatic Color

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

#2cdfec
```
#2cdfec rgb(44,223,236)
```
#2ccfec
```
#2ccfec rgb(44,207,236)
```
#2cbfec
```
#2cbfec rgb(44,191,236)
```
#2cafec
```
#2cafec rgb(44,175,236)
```
#2c9fec
```
#2c9fec rgb(44,159,236)
```
#2c8fec
```
#2c8fec rgb(44,143,236)
```
#2c7fec
```
#2c7fec rgb(44,127,236)
```

Similar Colors

Text with hexadecimal color #2cafec

This text has a font color of #2cafec.

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

#2cafec background color

This paragraph has a background color of #2cafec.

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

#2cafec border color

This element has a border color of #2cafec.

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

CSS codes

.text {color:#2cafec;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#021017
```
#021017 rgb(2,16,23)
```
#041d29
```
#041d29 rgb(4,29,41)
```
#052a3b
```
#052a3b rgb(5,42,59)
```
#07374d
```
#07374d rgb(7,55,77)
```
#09435f
```
#09435f rgb(9,67,95)
```
#0a5071
```
#0a5071 rgb(10,80,113)
```
#0c5d83
```
#0c5d83 rgb(12,93,131)
```
#0d6a95
```
#0d6a95 rgb(13,106,149)
```
#0f77a7
```
#0f77a7 rgb(15,119,167)
```
#1183b9
```
#1183b9 rgb(17,131,185)
```
#1290cb
```
#1290cb rgb(18,144,203)
```
#149ddd
```
#149ddd rgb(20,157,221)
```

Shade Color Variation

#1aa8ea
```
#1aa8ea rgb(26,168,234)
```
#2cafec
```
#2cafec rgb(44,175,236)
```
#3eb6ee
```
#3eb6ee rgb(62,182,238)
```
#50bdef
```
#50bdef rgb(80,189,239)
```
#62c3f1
```
#62c3f1 rgb(98,195,241)
```
#74caf2
```
#74caf2 rgb(116,202,242)
```
#86d1f4
```
#86d1f4 rgb(134,209,244)
```
#98d8f6
```
#98d8f6 rgb(152,216,246)
```
#aadff7
```
#aadff7 rgb(170,223,247)
```
#bce6f9
```
#bce6f9 rgb(188,230,249)
```
#ceecfb
```
#ceecfb rgb(206,236,251)
```
#e0f3fc
```
#e0f3fc rgb(224,243,252)
```
#f2fafe
```
#f2fafe rgb(242,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848f94 is the less saturated color, while #1ab5fe is the most saturated one.

#848f94
```
#848f94 rgb(132,143,148)
```
#7c929c
```
#7c929c rgb(124,146,156)
```
#7395a5
```
#7395a5 rgb(115,149,165)
```
#6a98ae
```
#6a98ae rgb(106,152,174)
```
#619cb7
```
#619cb7 rgb(97,156,183)
```
#589fc0
```
#589fc0 rgb(88,159,192)
```
#4fa2c9
```
#4fa2c9 rgb(79,162,201)
```
#47a5d1
```
#47a5d1 rgb(71,165,209)
```
#3ea9da
```
#3ea9da rgb(62,169,218)
```
#35ace3
```
#35ace3 rgb(53,172,227)
```
#2cafec
```
#2cafec rgb(44,175,236)
```
#23b2f5
```
#23b2f5 rgb(35,178,245)
```
#1ab5fe
```
#1ab5fe rgb(26,181,254)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7b95a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a6e4 Protanopia 1% of men
#86a8f1 Deuteranopia 1% of men
#00b9c6 Tritanopia 0.001% of the population

Trichromacy

#6ea9e7 Protanomaly 1% of men, 0.01% of women
#65aaef Deuteranomaly 6% of men, 0.4% of women
#10b5d4 Tritanomaly 0.01% of the population

#2cafec hex color

#2cafec Color Information

#2cafec Color Conversion

Color Schemes with #2cafec

Alternatives to #2cafec

#2cafec Preview

Shades and Tints of #2cafec

Tones of #2cafec

Color Blindness Simulator