#35bccc hex color

In a RGB color space, hex #35bccc is composed of 20.8% red, 73.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 7.8% magenta, 0% yellow and 20% black. It has a hue angle of 186.4 degrees, a saturation of 59.7% and a lightness of 50.4%. #35bccc color hex could be obtained by blending #6affff with #007999. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 21
- G 74
- B 80
RGB color chart
- C 74
- M 8
- Y 0
- K 20
CMYK color chart

● #35bccc color description : Moderate cyan.

The hexadecimal color #35bccc has RGB values of R:53, G:188, B:204 and CMYK values of C:0.74, M:0.08, Y:0, K:0.2. Its decimal value is 3521740.

Hex triplet	35bccc	`#35bccc`
RGB Decimal	53, 188, 204	`rgb(53,188,204)`
RGB Percent	20.8, 73.7, 80	`rgb(20.8%,73.7%,80%)`
CMYK	74, 8, 0, 20
HSL	186.4°, 59.7, 50.4	`hsl(186.4,59.7%,50.4%)`
HSV (or HSB)	186.4°, 74, 80
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.232, -29.949, -18.38
XYZ	30.347, 41.08, 63.453
xyY	0.225, 0.305, 41.08
CIE-LCH	70.232, 35.139, 211.538
CIE-LUV	70.232, -48.203, -24.256
Hunter-Lab	64.094, -27.647, -13.832
Binary	00110101, 10111100, 11001100

#35bccc
```
#35bccc rgb(53,188,204)
```
#cc4535
```
#cc4535 rgb(204,69,53)
```

Complementary Color

#35cc91
```
#35cc91 rgb(53,204,145)
```
#35bccc
```
#35bccc rgb(53,188,204)
```
#3571cc
```
#3571cc rgb(53,113,204)
```

Analogous Color

#cc9135
```
#cc9135 rgb(204,145,53)
```
#35bccc
```
#35bccc rgb(53,188,204)
```
#cc3571
```
#cc3571 rgb(204,53,113)
```

Split Complementary Color

#bccc35
```
#bccc35 rgb(188,204,53)
```
#35bccc
```
#35bccc rgb(53,188,204)
```
#cc35bc
```
#cc35bc rgb(204,53,188)
```

Triadic Color

#35cc45
```
#35cc45 rgb(53,204,69)
```
#35bccc
```
#35bccc rgb(53,188,204)
```
#cc35bc
```
#cc35bc rgb(204,53,188)
```
#cc4535
```
#cc4535 rgb(204,69,53)
```

Tetradic Color

#248590
```
#248590 rgb(36,133,144)
```
#2a97a4
```
#2a97a4 rgb(42,151,164)
```
#2faab9
```
#2faab9 rgb(47,170,185)
```
#35bccc
```
#35bccc rgb(53,188,204)
```
#49c3d1
```
#49c3d1 rgb(73,195,209)
```
#5ecad6
```
#5ecad6 rgb(94,202,214)
```
#72d0db
```
#72d0db rgb(114,208,219)
```

Monochromatic Color

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

#35ccb6
```
#35ccb6 rgb(53,204,182)
```
#35ccc3
```
#35ccc3 rgb(53,204,195)
```
#35c9cc
```
#35c9cc rgb(53,201,204)
```
#35bccc
```
#35bccc rgb(53,188,204)
```
#35afcc
```
#35afcc rgb(53,175,204)
```
#35a3cc
```
#35a3cc rgb(53,163,204)
```
#3596cc
```
#3596cc rgb(53,150,204)
```

Similar Colors

Text with hexadecimal color #35bccc

This text has a font color of #35bccc.

<span style="color:#35bccc;">Text here</span>

#35bccc background color

This paragraph has a background color of #35bccc.

<p style="background-color:#35bccc;">Content here</p>

#35bccc border color

This element has a border color of #35bccc.

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

CSS codes

.text {color:#35bccc;}

.background {background-color:#35bccc;}

.border {border:1px solid #35bccc;}

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

#000102
```
#000102 rgb(0,1,2)
```
#041011
```
#041011 rgb(4,16,17)
```
#081e21
```
#081e21 rgb(8,30,33)
```
#0c2d31
```
#0c2d31 rgb(12,45,49)
```
#103b40
```
#103b40 rgb(16,59,64)
```
#144a50
```
#144a50 rgb(20,74,80)
```
#185860
```
#185860 rgb(24,88,96)
```
#1c666f
```
#1c666f rgb(28,102,111)
```
#20757f
```
#20757f rgb(32,117,127)
```
#24838f
```
#24838f rgb(36,131,143)
```
#28929e
```
#28929e rgb(40,146,158)
```
#2ca0ae
```
#2ca0ae rgb(44,160,174)
```
#30afbe
```
#30afbe rgb(48,175,190)
```

Shade Color Variation

#35bccc
```
#35bccc rgb(53,188,204)
```
#45c1d0
```
#45c1d0 rgb(69,193,208)
```
#54c6d4
```
#54c6d4 rgb(84,198,212)
```
#64ccd8
```
#64ccd8 rgb(100,204,216)
```
#74d1dc
```
#74d1dc rgb(116,209,220)
```
#83d6e0
```
#83d6e0 rgb(131,214,224)
```
#93dbe4
```
#93dbe4 rgb(147,219,228)
```
#a3e0e8
```
#a3e0e8 rgb(163,224,232)
```
#b2e6ec
```
#b2e6ec rgb(178,230,236)
```
#c2ebf0
```
#c2ebf0 rgb(194,235,240)
```
#d2f0f4
```
#d2f0f4 rgb(210,240,244)
```
#e1f5f7
```
#e1f5f7 rgb(225,245,247)
```
#f1fafb
```
#f1fafb rgb(241,250,251)
```

Tint Color Variation

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

#798688
```
#798688 rgb(121,134,136)
```
#6f8e92
```
#6f8e92 rgb(111,142,146)
```
#66969b
```
#66969b rgb(102,150,155)
```
#5c9da5
```
#5c9da5 rgb(92,157,165)
```
#52a5af
```
#52a5af rgb(82,165,175)
```
#48adb9
```
#48adb9 rgb(72,173,185)
```
#3fb4c2
```
#3fb4c2 rgb(63,180,194)
```
#35bccc
```
#35bccc rgb(53,188,204)
```
#2bc4d6
```
#2bc4d6 rgb(43,196,214)
```
#22cbdf
```
#22cbdf rgb(34,203,223)
```
#18d3e9
```
#18d3e9 rgb(24,211,233)
```
#0edbf3
```
#0edbf3 rgb(14,219,243)
```
#04e2fd
```
#04e2fd rgb(4,226,253)
```

Tone Color Variation

Below, you can see how #35bccc 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

#959595 Achromatopsia 0.005% of the population
#829da0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acaec4 Protanopia 1% of men
#acacd5 Deuteranopia 1% of men
#3ebfcd Tritanopia 0.001% of the population

Trichromacy

#81b3c7 Protanomaly 1% of men, 0.01% of women
#80b2d2 Deuteranomaly 6% of men, 0.4% of women
#3bbecd Tritanomaly 0.01% of the population

#35bccc hex color

#35bccc Color Information

#35bccc Color Conversion

Color Schemes with #35bccc

Alternatives to #35bccc

#35bccc Preview

Shades and Tints of #35bccc

Tones of #35bccc

Color Blindness Simulator