#3cafef hex color

In a RGB color space, hex #3cafef is composed of 23.5% red, 68.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 26.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 201.5 degrees, a saturation of 84.8% and a lightness of 58.6%. #3cafef color hex could be obtained by blending #78ffff with #005fdf. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 24
- G 69
- B 94
RGB color chart
- C 75
- M 27
- Y 0
- K 6
CMYK color chart

● #3cafef color description : Bright blue.

The hexadecimal color #3cafef has RGB values of R:60, G:175, B:239 and CMYK values of C:0.75, M:0.27, Y:0, K:0.06. Its decimal value is 3977199.

Hex triplet	3cafef	`#3cafef`
RGB Decimal	60, 175, 239	`rgb(60,175,239)`
RGB Percent	23.5, 68.6, 93.7	`rgb(23.5%,68.6%,93.7%)`
CMYK	75, 27, 0, 6
HSL	201.5°, 84.8, 58.6	`hsl(201.5,84.8%,58.6%)`
HSV (or HSB)	201.5°, 74.9, 93.7
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.91, -11.078, -41.083
XYZ	32.77, 37.85, 87.235
xyY	0.208, 0.24, 37.85
CIE-LCH	67.91, 42.551, 254.909
CIE-LUV	67.91, -40.448, -64.671
Hunter-Lab	61.522, -12.587, -41.005
Binary	00111100, 10101111, 11101111

#3cafef
```
#3cafef rgb(60,175,239)
```
#ef7c3c
```
#ef7c3c rgb(239,124,60)
```

Complementary Color

#3cefd6
```
#3cefd6 rgb(60,239,214)
```
#3cafef
```
#3cafef rgb(60,175,239)
```
#3c56ef
```
#3c56ef rgb(60,86,239)
```

Analogous Color

#efd63c
```
#efd63c rgb(239,214,60)
```
#3cafef
```
#3cafef rgb(60,175,239)
```
#ef3c56
```
#ef3c56 rgb(239,60,86)
```

Split Complementary Color

#afef3c
```
#afef3c rgb(175,239,60)
```
#3cafef
```
#3cafef rgb(60,175,239)
```
#ef3caf
```
#ef3caf rgb(239,60,175)
```

Triadic Color

#3cef7c
```
#3cef7c rgb(60,239,124)
```
#3cafef
```
#3cafef rgb(60,175,239)
```
#ef3caf
```
#ef3caf rgb(239,60,175)
```
#ef7c3c
```
#ef7c3c rgb(239,124,60)
```

Tetradic Color

#118ace
```
#118ace rgb(17,138,206)
```
#139ae5
```
#139ae5 rgb(19,154,229)
```
#24a5ed
```
#24a5ed rgb(36,165,237)
```
#3cafef
```
#3cafef rgb(60,175,239)
```
#54b9f1
```
#54b9f1 rgb(84,185,241)
```
#6bc2f3
```
#6bc2f3 rgb(107,194,243)
```
#83ccf5
```
#83ccf5 rgb(131,204,245)
```

Monochromatic Color

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

#3cdcef
```
#3cdcef rgb(60,220,239)
```
#3ccdef
```
#3ccdef rgb(60,205,239)
```
#3cbeef
```
#3cbeef rgb(60,190,239)
```
#3cafef
```
#3cafef rgb(60,175,239)
```
#3ca0ef
```
#3ca0ef rgb(60,160,239)
```
#3c91ef
```
#3c91ef rgb(60,145,239)
```
#3c82ef
```
#3c82ef rgb(60,130,239)
```

Similar Colors

Text with hexadecimal color #3cafef

This text has a font color of #3cafef.

<span style="color:#3cafef;">Text here</span>

#3cafef background color

This paragraph has a background color of #3cafef.

<p style="background-color:#3cafef;">Content here</p>

#3cafef border color

This element has a border color of #3cafef.

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

CSS codes

.text {color:#3cafef;}

.background {background-color:#3cafef;}

.border {border:1px solid #3cafef;}

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

#000304
```
#000304 rgb(0,3,4)
```
#020f17
```
#020f17 rgb(2,15,23)
```
#031b29
```
#031b29 rgb(3,27,41)
```
#05273b
```
#05273b rgb(5,39,59)
```
#06344d
```
#06344d rgb(6,52,77)
```
#08405f
```
#08405f rgb(8,64,95)
```
#094c71
```
#094c71 rgb(9,76,113)
```
#0b5883
```
#0b5883 rgb(11,88,131)
```
#0c6495
```
#0c6495 rgb(12,100,149)
```
#0e71a8
```
#0e71a8 rgb(14,113,168)
```
#0f7dba
```
#0f7dba rgb(15,125,186)
```
#1189cc
```
#1189cc rgb(17,137,204)
```
#1295de
```
#1295de rgb(18,149,222)
```

Shade Color Variation

#18a0ec
```
#18a0ec rgb(24,160,236)
```
#2aa8ee
```
#2aa8ee rgb(42,168,238)
```
#3cafef
```
#3cafef rgb(60,175,239)
```
#4eb6f0
```
#4eb6f0 rgb(78,182,240)
```
#60bef2
```
#60bef2 rgb(96,190,242)
```
#72c5f3
```
#72c5f3 rgb(114,197,243)
```
#85cdf5
```
#85cdf5 rgb(133,205,245)
```
#97d4f6
```
#97d4f6 rgb(151,212,246)
```
#a9dcf8
```
#a9dcf8 rgb(169,220,248)
```
#bbe3f9
```
#bbe3f9 rgb(187,227,249)
```
#cdeafb
```
#cdeafb rgb(205,234,251)
```
#dff2fc
```
#dff2fc rgb(223,242,252)
```
#f1f9fe
```
#f1f9fe rgb(241,249,254)
```

Tint Color Variation

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

#959696
```
#959696 rgb(149,150,150)
```
#8d989e
```
#8d989e rgb(141,152,158)
```
#859aa6
```
#859aa6 rgb(133,154,166)
```
#7d9dae
```
#7d9dae rgb(125,157,174)
```
#759fb6
```
#759fb6 rgb(117,159,182)
```
#6da1be
```
#6da1be rgb(109,161,190)
```
#65a3c6
```
#65a3c6 rgb(101,163,198)
```
#5ca6cf
```
#5ca6cf rgb(92,166,207)
```
#54a8d7
```
#54a8d7 rgb(84,168,215)
```
#4caadf
```
#4caadf rgb(76,170,223)
```
#44ade7
```
#44ade7 rgb(68,173,231)
```
#3cafef
```
#3cafef rgb(60,175,239)
```
#34b1f7
```
#34b1f7 rgb(52,177,247)
```

Tone Color Variation

Below, you can see how #3cafef 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

#949494 Achromatopsia 0.005% of the population
#8299a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a7e7 Protanopia 1% of men
#86a9f3 Deuteranopia 1% of men
#00bac8 Tritanopia 0.001% of the population

Trichromacy

#74aaea Protanomaly 1% of men, 0.01% of women
#6babf2 Deuteranomaly 6% of men, 0.4% of women
#15b6d6 Tritanomaly 0.01% of the population

#3cafef hex color

#3cafef Color Information

#3cafef Color Conversion

Color Schemes with #3cafef

Alternatives to #3cafef

#3cafef Preview

Shades and Tints of #3cafef

Tones of #3cafef

Color Blindness Simulator