#3cbaef hex color

In a RGB color space, hex #3cbaef is composed of 23.5% red, 72.9% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 22.2% magenta, 0% yellow and 6.3% black. It has a hue angle of 197.8 degrees, a saturation of 84.8% and a lightness of 58.6%. #3cbaef color hex could be obtained by blending #78ffff with #0075df. Closest websafe color is: #33ccff.

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

● #3cbaef color description : Bright blue.

The hexadecimal color #3cbaef has RGB values of R:60, G:186, B:239 and CMYK values of C:0.75, M:0.22, Y:0, K:0.06. Its decimal value is 3980015.

Hex triplet	3cbaef	`#3cbaef`
RGB Decimal	60, 186, 239	`rgb(60,186,239)`
RGB Percent	23.5, 72.9, 93.7	`rgb(23.5%,72.9%,93.7%)`
CMYK	75, 22, 0, 6
HSL	197.8°, 84.8, 58.6	`hsl(197.8,84.8%,58.6%)`
HSV (or HSB)	197.8°, 74.9, 93.7
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.082, -16.978, -36.139
XYZ	34.998, 42.307, 87.978
xyY	0.212, 0.256, 42.307
CIE-LCH	71.082, 39.929, 244.836
CIE-LUV	71.082, -44.245, -55.873
Hunter-Lab	65.044, -17.782, -34.664
Binary	00111100, 10111010, 11101111

#3cbaef
```
#3cbaef rgb(60,186,239)
```
#ef713c
```
#ef713c rgb(239,113,60)
```

Complementary Color

#3cefcb
```
#3cefcb rgb(60,239,203)
```
#3cbaef
```
#3cbaef rgb(60,186,239)
```
#3c60ef
```
#3c60ef rgb(60,96,239)
```

Analogous Color

#efcb3c
```
#efcb3c rgb(239,203,60)
```
#3cbaef
```
#3cbaef rgb(60,186,239)
```
#ef3c61
```
#ef3c61 rgb(239,60,97)
```

Split Complementary Color

#baef3c
```
#baef3c rgb(186,239,60)
```
#3cbaef
```
#3cbaef rgb(60,186,239)
```
#ef3cba
```
#ef3cba rgb(239,60,186)
```

Triadic Color

#3cef71
```
#3cef71 rgb(60,239,113)
```
#3cbaef
```
#3cbaef rgb(60,186,239)
```
#ef3cba
```
#ef3cba rgb(239,60,186)
```
#ef713c
```
#ef713c rgb(239,113,60)
```

Tetradic Color

#1196ce
```
#1196ce rgb(17,150,206)
```
#13a7e5
```
#13a7e5 rgb(19,167,229)
```
#24b2ed
```
#24b2ed rgb(36,178,237)
```
#3cbaef
```
#3cbaef rgb(60,186,239)
```
#54c2f1
```
#54c2f1 rgb(84,194,241)
```
#6bcbf3
```
#6bcbf3 rgb(107,203,243)
```
#83d3f5
```
#83d3f5 rgb(131,211,245)
```

Monochromatic Color

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

#3ce7ef
```
#3ce7ef rgb(60,231,239)
```
#3cd8ef
```
#3cd8ef rgb(60,216,239)
```
#3cc9ef
```
#3cc9ef rgb(60,201,239)
```
#3cbaef
```
#3cbaef rgb(60,186,239)
```
#3cabef
```
#3cabef rgb(60,171,239)
```
#3c9cef
```
#3c9cef rgb(60,156,239)
```
#3c8def
```
#3c8def rgb(60,141,239)
```

Similar Colors

Text with hexadecimal color #3cbaef

This text has a font color of #3cbaef.

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

#3cbaef background color

This paragraph has a background color of #3cbaef.

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

#3cbaef border color

This element has a border color of #3cbaef.

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

CSS codes

.text {color:#3cbaef;}

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

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

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 #f1fafe is the lightest one.

#000304
```
#000304 rgb(0,3,4)
```
#021017
```
#021017 rgb(2,16,23)
```
#031e29
```
#031e29 rgb(3,30,41)
```
#052b3b
```
#052b3b rgb(5,43,59)
```
#06384d
```
#06384d rgb(6,56,77)
```
#08455f
```
#08455f rgb(8,69,95)
```
#095271
```
#095271 rgb(9,82,113)
```
#0b6083
```
#0b6083 rgb(11,96,131)
```
#0c6d95
```
#0c6d95 rgb(12,109,149)
```
#0e7aa8
```
#0e7aa8 rgb(14,122,168)
```
#0f87ba
```
#0f87ba rgb(15,135,186)
```
#1194cc
```
#1194cc rgb(17,148,204)
```
#12a2de
```
#12a2de rgb(18,162,222)
```

Shade Color Variation

#18adec
```
#18adec rgb(24,173,236)
```
#2ab4ee
```
#2ab4ee rgb(42,180,238)
```
#3cbaef
```
#3cbaef rgb(60,186,239)
```
#4ec0f0
```
#4ec0f0 rgb(78,192,240)
```
#60c7f2
```
#60c7f2 rgb(96,199,242)
```
#72cdf3
```
#72cdf3 rgb(114,205,243)
```
#85d4f5
```
#85d4f5 rgb(133,212,245)
```
#97daf6
```
#97daf6 rgb(151,218,246)
```
#a9e0f8
```
#a9e0f8 rgb(169,224,248)
```
#bbe7f9
```
#bbe7f9 rgb(187,231,249)
```
#cdedfb
```
#cdedfb rgb(205,237,251)
```
#dff4fc
```
#dff4fc rgb(223,244,252)
```
#f1fafe
```
#f1fafe rgb(241,250,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 #34bdf7 is the most saturated one.

#959696
```
#959696 rgb(149,150,150)
```
#8d999e
```
#8d999e rgb(141,153,158)
```
#859ca6
```
#859ca6 rgb(133,156,166)
```
#7da0ae
```
#7da0ae rgb(125,160,174)
```
#75a3b6
```
#75a3b6 rgb(117,163,182)
```
#6da6be
```
#6da6be rgb(109,166,190)
```
#65a9c6
```
#65a9c6 rgb(101,169,198)
```
#5cadcf
```
#5cadcf rgb(92,173,207)
```
#54b0d7
```
#54b0d7 rgb(84,176,215)
```
#4cb3df
```
#4cb3df rgb(76,179,223)
```
#44b7e7
```
#44b7e7 rgb(68,183,231)
```
#3cbaef
```
#3cbaef rgb(60,186,239)
```
#34bdf7
```
#34bdf7 rgb(52,189,247)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#87a0ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2b0e6 Protanopia 1% of men
#97b0f5 Deuteranopia 1% of men
#17c3d1 Tritanopia 0.001% of the population

Trichromacy

#7cb3e9 Protanomaly 1% of men, 0.01% of women
#76b4f2 Deuteranomaly 6% of men, 0.4% of women
#24bfdc Tritanomaly 0.01% of the population

#3cbaef hex color

#3cbaef Color Information

#3cbaef Color Conversion

Color Schemes with #3cbaef

Alternatives to #3cbaef

#3cbaef Preview

Shades and Tints of #3cbaef

Tones of #3cbaef

Color Blindness Simulator