#3cbced hex color

In a RGB color space, hex #3cbced is composed of 23.5% red, 73.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 20.7% magenta, 0% yellow and 7.1% black. It has a hue angle of 196.6 degrees, a saturation of 83.1% and a lightness of 58.2%. #3cbced color hex could be obtained by blending #78ffff with #0079db. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 24
- G 74
- B 93
RGB color chart
- C 75
- M 21
- Y 0
- K 7
CMYK color chart

● #3cbced color description : Bright blue.

The hexadecimal color #3cbced has RGB values of R:60, G:188, B:237 and CMYK values of C:0.75, M:0.21, Y:0, K:0.07. Its decimal value is 3980525.

Hex triplet	3cbced	`#3cbced`
RGB Decimal	60, 188, 237	`rgb(60,188,237)`
RGB Percent	23.5, 73.7, 92.9	`rgb(23.5%,73.7%,92.9%)`
CMYK	75, 21, 0, 7
HSL	196.6°, 83.1, 58.2	`hsl(196.6,83.1%,58.2%)`
HSV (or HSB)	196.6°, 74.7, 92.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.581, -18.683, -34.281
XYZ	35.129, 43.038, 86.572
xyY	0.213, 0.261, 43.038
CIE-LCH	71.581, 39.042, 241.41
CIE-LUV	71.581, -45.06, -52.53
Hunter-Lab	65.604, -19.225, -32.318
Binary	00111100, 10111100, 11101101

#3cbced
```
#3cbced rgb(60,188,237)
```
#ed6d3c
```
#ed6d3c rgb(237,109,60)
```

Complementary Color

#3cedc6
```
#3cedc6 rgb(60,237,198)
```
#3cbced
```
#3cbced rgb(60,188,237)
```
#3c64ed
```
#3c64ed rgb(60,100,237)
```

Analogous Color

#edc63c
```
#edc63c rgb(237,198,60)
```
#3cbced
```
#3cbced rgb(60,188,237)
```
#ed3c64
```
#ed3c64 rgb(237,60,100)
```

Split Complementary Color

#bced3c
```
#bced3c rgb(188,237,60)
```
#3cbced
```
#3cbced rgb(60,188,237)
```
#ed3cbc
```
#ed3cbc rgb(237,60,188)
```

Triadic Color

#3ced6d
```
#3ced6d rgb(60,237,109)
```
#3cbced
```
#3cbced rgb(60,188,237)
```
#ed3cbc
```
#ed3cbc rgb(237,60,188)
```
#ed6d3c
```
#ed6d3c rgb(237,109,60)
```

Tetradic Color

#1397ca
```
#1397ca rgb(19,151,202)
```
#15a9e1
```
#15a9e1 rgb(21,169,225)
```
#25b4eb
```
#25b4eb rgb(37,180,235)
```
#3cbced
```
#3cbced rgb(60,188,237)
```
#53c4ef
```
#53c4ef rgb(83,196,239)
```
#6bccf1
```
#6bccf1 rgb(107,204,241)
```
#82d4f3
```
#82d4f3 rgb(130,212,243)
```

Monochromatic Color

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

#3ce8ed
```
#3ce8ed rgb(60,232,237)
```
#3cdaed
```
#3cdaed rgb(60,218,237)
```
#3ccbed
```
#3ccbed rgb(60,203,237)
```
#3cbced
```
#3cbced rgb(60,188,237)
```
#3caded
```
#3caded rgb(60,173,237)
```
#3c9fed
```
#3c9fed rgb(60,159,237)
```
#3c90ed
```
#3c90ed rgb(60,144,237)
```

Similar Colors

Text with hexadecimal color #3cbced

This text has a font color of #3cbced.

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

#3cbced background color

This paragraph has a background color of #3cbced.

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

#3cbced border color

This element has a border color of #3cbced.

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

CSS codes

.text {color:#3cbced;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#020f14
```
#020f14 rgb(2,15,20)
```
#041d26
```
#041d26 rgb(4,29,38)
```
#052a38
```
#052a38 rgb(5,42,56)
```
#07384a
```
#07384a rgb(7,56,74)
```
#09455c
```
#09455c rgb(9,69,92)
```
#0a536e
```
#0a536e rgb(10,83,110)
```
#0c6080
```
#0c6080 rgb(12,96,128)
```
#0d6d92
```
#0d6d92 rgb(13,109,146)
```
#0f7ba4
```
#0f7ba4 rgb(15,123,164)
```
#1188b6
```
#1188b6 rgb(17,136,182)
```
#1296c8
```
#1296c8 rgb(18,150,200)
```
#14a3da
```
#14a3da rgb(20,163,218)
```

Shade Color Variation

#18b0ea
```
#18b0ea rgb(24,176,234)
```
#2ab6eb
```
#2ab6eb rgb(42,182,235)
```
#3cbced
```
#3cbced rgb(60,188,237)
```
#4ec2ef
```
#4ec2ef rgb(78,194,239)
```
#60c8f0
```
#60c8f0 rgb(96,200,240)
```
#72cff2
```
#72cff2 rgb(114,207,242)
```
#84d5f4
```
#84d5f4 rgb(132,213,244)
```
#96dbf5
```
#96dbf5 rgb(150,219,245)
```
#a8e1f7
```
#a8e1f7 rgb(168,225,247)
```
#bae7f9
```
#bae7f9 rgb(186,231,249)
```
#ccedfa
```
#ccedfa rgb(204,237,250)
```
#def4fc
```
#def4fc rgb(222,244,252)
```
#f0fafe
```
#f0fafe rgb(240,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e979b is the less saturated color, while #2cc3fd is the most saturated one.

#8e979b
```
#8e979b rgb(142,151,155)
```
#869ba3
```
#869ba3 rgb(134,155,163)
```
#7e9fab
```
#7e9fab rgb(126,159,171)
```
#75a2b4
```
#75a2b4 rgb(117,162,180)
```
#6da6bc
```
#6da6bc rgb(109,166,188)
```
#65aac4
```
#65aac4 rgb(101,170,196)
```
#5dadcc
```
#5dadcc rgb(93,173,204)
```
#55b1d4
```
#55b1d4 rgb(85,177,212)
```
#4cb5dd
```
#4cb5dd rgb(76,181,221)
```
#44b8e5
```
#44b8e5 rgb(68,184,229)
```
#3cbced
```
#3cbced rgb(60,188,237)
```
#34c0f5
```
#34c0f5 rgb(52,192,245)
```
#2cc3fd
```
#2cc3fd rgb(44,195,253)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#88a2ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4b1e4 Protanopia 1% of men
#9bb1f3 Deuteranopia 1% of men
#21c4d2 Tritanopia 0.001% of the population

Trichromacy

#7eb5e7 Protanomaly 1% of men, 0.01% of women
#79b5f1 Deuteranomaly 6% of men, 0.4% of women
#2bc1dc Tritanomaly 0.01% of the population

#3cbced hex color

#3cbced Color Information

#3cbced Color Conversion

Color Schemes with #3cbced

Alternatives to #3cbced

#3cbced Preview

Shades and Tints of #3cbced

Tones of #3cbced

Color Blindness Simulator