#35bacc hex color

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

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

● #35bacc color description : Moderate cyan.

The hexadecimal color #35bacc has RGB values of R:53, G:186, B:204 and CMYK values of C:0.74, M:0.09, Y:0, K:0.2. Its decimal value is 3521228.

Hex triplet	35bacc	`#35bacc`
RGB Decimal	53, 186, 204	`rgb(53,186,204)`
RGB Percent	20.8, 72.9, 80	`rgb(20.8%,72.9%,80%)`
CMYK	74, 9, 0, 20
HSL	187.2°, 59.7, 50.4	`hsl(187.2,59.7%,50.4%)`
HSV (or HSB)	187.2°, 74, 80
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.634, -28.972, -19.286
XYZ	29.923, 40.232, 63.312
xyY	0.224, 0.301, 40.232
CIE-LCH	69.634, 34.804, 213.652
CIE-LUV	69.634, -47.493, -25.851
Hunter-Lab	63.428, -26.79, -14.781
Binary	00110101, 10111010, 11001100

#35bacc
```
#35bacc rgb(53,186,204)
```
#cc4735
```
#cc4735 rgb(204,71,53)
```

Complementary Color

#35cc93
```
#35cc93 rgb(53,204,147)
```
#35bacc
```
#35bacc rgb(53,186,204)
```
#356fcc
```
#356fcc rgb(53,111,204)
```

Analogous Color

#cc9335
```
#cc9335 rgb(204,147,53)
```
#35bacc
```
#35bacc rgb(53,186,204)
```
#cc356f
```
#cc356f rgb(204,53,111)
```

Split Complementary Color

#bacc35
```
#bacc35 rgb(186,204,53)
```
#35bacc
```
#35bacc rgb(53,186,204)
```
#cc35ba
```
#cc35ba rgb(204,53,186)
```

Triadic Color

#35cc47
```
#35cc47 rgb(53,204,71)
```
#35bacc
```
#35bacc rgb(53,186,204)
```
#cc35ba
```
#cc35ba rgb(204,53,186)
```
#cc4735
```
#cc4735 rgb(204,71,53)
```

Tetradic Color

#248390
```
#248390 rgb(36,131,144)
```
#2a96a4
```
#2a96a4 rgb(42,150,164)
```
#2fa8b9
```
#2fa8b9 rgb(47,168,185)
```
#35bacc
```
#35bacc rgb(53,186,204)
```
#49c1d1
```
#49c1d1 rgb(73,193,209)
```
#5ec8d6
```
#5ec8d6 rgb(94,200,214)
```
#72cfdb
```
#72cfdb rgb(114,207,219)
```

Monochromatic Color

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

#35ccb8
```
#35ccb8 rgb(53,204,184)
```
#35ccc5
```
#35ccc5 rgb(53,204,197)
```
#35c7cc
```
#35c7cc rgb(53,199,204)
```
#35bacc
```
#35bacc rgb(53,186,204)
```
#35adcc
```
#35adcc rgb(53,173,204)
```
#35a1cc
```
#35a1cc rgb(53,161,204)
```
#3594cc
```
#3594cc rgb(53,148,204)
```

Similar Colors

Text with hexadecimal color #35bacc

This text has a font color of #35bacc.

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

#35bacc background color

This paragraph has a background color of #35bacc.

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

#35bacc border color

This element has a border color of #35bacc.

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

CSS codes

.text {color:#35bacc;}

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

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

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)
```
#0c2c31
```
#0c2c31 rgb(12,44,49)
```
#103b40
```
#103b40 rgb(16,59,64)
```
#144950
```
#144950 rgb(20,73,80)
```
#185760
```
#185760 rgb(24,87,96)
```
#1c656f
```
#1c656f rgb(28,101,111)
```
#20747f
```
#20747f rgb(32,116,127)
```
#24828f
```
#24828f rgb(36,130,143)
```
#28909e
```
#28909e rgb(40,144,158)
```
#2c9eae
```
#2c9eae rgb(44,158,174)
```
#30adbe
```
#30adbe rgb(48,173,190)
```

Shade Color Variation

#35bacc
```
#35bacc rgb(53,186,204)
```
#45bfd0
```
#45bfd0 rgb(69,191,208)
```
#54c5d4
```
#54c5d4 rgb(84,197,212)
```
#64cad8
```
#64cad8 rgb(100,202,216)
```
#74cfdc
```
#74cfdc rgb(116,207,220)
```
#83d5e0
```
#83d5e0 rgb(131,213,224)
```
#93dae4
```
#93dae4 rgb(147,218,228)
```
#a3dfe8
```
#a3dfe8 rgb(163,223,232)
```
#b2e5ec
```
#b2e5ec rgb(178,229,236)
```
#c2eaf0
```
#c2eaf0 rgb(194,234,240)
```
#d2eff4
```
#d2eff4 rgb(210,239,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 #04dffd is the most saturated one.

#798688
```
#798688 rgb(121,134,136)
```
#6f8e92
```
#6f8e92 rgb(111,142,146)
```
#66959b
```
#66959b rgb(102,149,155)
```
#5c9ca5
```
#5c9ca5 rgb(92,156,165)
```
#52a4af
```
#52a4af rgb(82,164,175)
```
#48abb9
```
#48abb9 rgb(72,171,185)
```
#3fb3c2
```
#3fb3c2 rgb(63,179,194)
```
#35bacc
```
#35bacc rgb(53,186,204)
```
#2bc1d6
```
#2bc1d6 rgb(43,193,214)
```
#22c9df
```
#22c9df rgb(34,201,223)
```
#18d0e9
```
#18d0e9 rgb(24,208,233)
```
#0ed8f3
```
#0ed8f3 rgb(14,216,243)
```
#04dffd
```
#04dffd rgb(4,223,253)
```

Tone Color Variation

Below, you can see how #35bacc 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
#819c9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaadc4 Protanopia 1% of men
#a9abd5 Deuteranopia 1% of men
#3dbecb Tritanopia 0.001% of the population

Trichromacy

#7fb1c7 Protanomaly 1% of men, 0.01% of women
#7fb0d2 Deuteranomaly 6% of men, 0.4% of women
#3abccb Tritanomaly 0.01% of the population

#35bacc hex color

#35bacc Color Information

#35bacc Color Conversion

Color Schemes with #35bacc

Alternatives to #35bacc

#35bacc Preview

Shades and Tints of #35bacc

Tones of #35bacc

Color Blindness Simulator