#3cbed5 hex color

In a RGB color space, hex #3cbed5 is composed of 23.5% red, 74.5% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 10.8% magenta, 0% yellow and 16.5% black. It has a hue angle of 189 degrees, a saturation of 64.6% and a lightness of 53.5%. #3cbed5 color hex could be obtained by blending #78ffff with #007dab. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 24
- G 75
- B 84
RGB color chart
- C 72
- M 11
- Y 0
- K 16
CMYK color chart

● #3cbed5 color description : Moderate cyan.

The hexadecimal color #3cbed5 has RGB values of R:60, G:190, B:213 and CMYK values of C:0.72, M:0.11, Y:0, K:0.16. Its decimal value is 3981013.

Hex triplet	3cbed5	`#3cbed5`
RGB Decimal	60, 190, 213	`rgb(60,190,213)`
RGB Percent	23.5, 74.5, 83.5	`rgb(23.5%,74.5%,83.5%)`
CMYK	72, 11, 0, 16
HSL	189°, 64.6, 53.5	`hsl(189,64.6%,53.5%)`
HSV (or HSB)	189°, 71.8, 83.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.275, -27.325, -21.7
XYZ	32.284, 42.589, 69.466
xyY	0.224, 0.295, 42.589
CIE-LCH	71.275, 34.893, 218.455
CIE-LUV	71.275, -47.268, -30.14
Hunter-Lab	65.26, -25.902, -17.429
Binary	00111100, 10111110, 11010101

#3cbed5
```
#3cbed5 rgb(60,190,213)
```
#d5533c
```
#d5533c rgb(213,83,60)
```

Complementary Color

#3cd5a0
```
#3cd5a0 rgb(60,213,160)
```
#3cbed5
```
#3cbed5 rgb(60,190,213)
```
#3c72d5
```
#3c72d5 rgb(60,114,213)
```

Analogous Color

#d5a03c
```
#d5a03c rgb(213,160,60)
```
#3cbed5
```
#3cbed5 rgb(60,190,213)
```
#d53c72
```
#d53c72 rgb(213,60,114)
```

Split Complementary Color

#bed53c
```
#bed53c rgb(190,213,60)
```
#3cbed5
```
#3cbed5 rgb(60,190,213)
```
#d53cbe
```
#d53cbe rgb(213,60,190)
```

Triadic Color

#3cd553
```
#3cd553 rgb(60,213,83)
```
#3cbed5
```
#3cbed5 rgb(60,190,213)
```
#d53cbe
```
#d53cbe rgb(213,60,190)
```
#d5533c
```
#d5533c rgb(213,83,60)
```

Tetradic Color

#238fa2
```
#238fa2 rgb(35,143,162)
```
#27a1b7
```
#27a1b7 rgb(39,161,183)
```
#2cb4cc
```
#2cb4cc rgb(44,180,204)
```
#3cbed5
```
#3cbed5 rgb(60,190,213)
```
#51c5da
```
#51c5da rgb(81,197,218)
```
#66ccde
```
#66ccde rgb(102,204,222)
```
#7bd3e3
```
#7bd3e3 rgb(123,211,227)
```

Monochromatic Color

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

#3cd5c6
```
#3cd5c6 rgb(60,213,198)
```
#3cd5d3
```
#3cd5d3 rgb(60,213,211)
```
#3ccbd5
```
#3ccbd5 rgb(60,203,213)
```
#3cbed5
```
#3cbed5 rgb(60,190,213)
```
#3cb1d5
```
#3cb1d5 rgb(60,177,213)
```
#3ca5d5
```
#3ca5d5 rgb(60,165,213)
```
#3c98d5
```
#3c98d5 rgb(60,152,213)
```

Similar Colors

Text with hexadecimal color #3cbed5

This text has a font color of #3cbed5.

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

#3cbed5 background color

This paragraph has a background color of #3cbed5.

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

#3cbed5 border color

This element has a border color of #3cbed5.

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

CSS codes

.text {color:#3cbed5;}

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

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

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, #030d0f is the darkest color, while #feffff is the lightest one.

#030d0f
```
#030d0f rgb(3,13,15)
```
#071b1f
```
#071b1f rgb(7,27,31)
```
#0a2a2f
```
#0a2a2f rgb(10,42,47)
```
#0e383f
```
#0e383f rgb(14,56,63)
```
#11464f
```
#11464f rgb(17,70,79)
```
#155460
```
#155460 rgb(21,84,96)
```
#186270
```
#186270 rgb(24,98,112)
```
#1c7180
```
#1c7180 rgb(28,113,128)
```
#1f7f90
```
#1f7f90 rgb(31,127,144)
```
#228da0
```
#228da0 rgb(34,141,160)
```
#269bb0
```
#269bb0 rgb(38,155,176)
```
#29aac0
```
#29aac0 rgb(41,170,192)
```
#2db8d0
```
#2db8d0 rgb(45,184,208)
```

Shade Color Variation

#3cbed5
```
#3cbed5 rgb(60,190,213)
```
#4cc3d8
```
#4cc3d8 rgb(76,195,216)
```
#5cc9dc
```
#5cc9dc rgb(92,201,220)
```
#6ccedf
```
#6ccedf rgb(108,206,223)
```
#7dd4e3
```
#7dd4e3 rgb(125,212,227)
```
#8dd9e6
```
#8dd9e6 rgb(141,217,230)
```
#9ddeea
```
#9ddeea rgb(157,222,234)
```
#ade4ed
```
#ade4ed rgb(173,228,237)
```
#bde9f1
```
#bde9f1 rgb(189,233,241)
```
#cdeef4
```
#cdeef4 rgb(205,238,244)
```
#ddf4f8
```
#ddf4f8 rgb(221,244,248)
```
#eef9fb
```
#eef9fb rgb(238,249,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858b8c is the less saturated color, while #18d7f9 is the most saturated one.

#858b8c
```
#858b8c rgb(133,139,140)
```
#7c9195
```
#7c9195 rgb(124,145,149)
```
#73989e
```
#73989e rgb(115,152,158)
```
#6a9ea7
```
#6a9ea7 rgb(106,158,167)
```
#60a5b1
```
#60a5b1 rgb(96,165,177)
```
#57abba
```
#57abba rgb(87,171,186)
```
#4eb1c3
```
#4eb1c3 rgb(78,177,195)
```
#45b8cc
```
#45b8cc rgb(69,184,204)
```
#3cbed5
```
#3cbed5 rgb(60,190,213)
```
#33c4de
```
#33c4de rgb(51,196,222)
```
#2acbe7
```
#2acbe7 rgb(42,203,231)
```
#21d1f0
```
#21d1f0 rgb(33,209,240)
```
#18d7f9
```
#18d7f9 rgb(24,215,249)
```

Tone Color Variation

Below, you can see how #3cbed5 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
#87a1a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adb1cd Protanopia 1% of men
#abafdd Deuteranopia 1% of men
#40c2d0 Tritanopia 0.001% of the population

Trichromacy

#83b5d0 Protanomaly 1% of men, 0.01% of women
#82b4da Deuteranomaly 6% of men, 0.4% of women
#3ec0d2 Tritanomaly 0.01% of the population

#3cbed5 hex color

#3cbed5 Color Information

#3cbed5 Color Conversion

Color Schemes with #3cbed5

Alternatives to #3cbed5

#3cbed5 Preview

Shades and Tints of #3cbed5

Tones of #3cbed5

Color Blindness Simulator