#35a0bb hex color

In a RGB color space, hex #35a0bb is composed of 20.8% red, 62.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 14.4% magenta, 0% yellow and 26.7% black. It has a hue angle of 192.1 degrees, a saturation of 55.8% and a lightness of 47.1%. #35a0bb color hex could be obtained by blending #6affff with #004177. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 21
- G 63
- B 73
RGB color chart
- C 72
- M 14
- Y 0
- K 27
CMYK color chart

● #35a0bb color description : Moderate cyan.

The hexadecimal color #35a0bb has RGB values of R:53, G:160, B:187 and CMYK values of C:0.72, M:0.14, Y:0, K:0.27. Its decimal value is 3514555.

Hex triplet	35a0bb	`#35a0bb`
RGB Decimal	53, 160, 187	`rgb(53,160,187)`
RGB Percent	20.8, 62.7, 73.3	`rgb(20.8%,62.7%,73.3%)`
CMYK	72, 14, 0, 27
HSL	192.1°, 55.8, 47.1	`hsl(192.1,55.8%,47.1%)`
HSV (or HSB)	192.1°, 71.7, 73.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	61.207, -21.182, -22.702
XYZ	23.006, 29.484, 51.49
xyY	0.221, 0.284, 29.484
CIE-LCH	61.207, 31.05, 226.984
CIE-LUV	61.207, -39.268, -31.953
Hunter-Lab	54.3, -19.395, -18.212
Binary	00110101, 10100000, 10111011

#35a0bb
```
#35a0bb rgb(53,160,187)
```
#bb5035
```
#bb5035 rgb(187,80,53)
```

Complementary Color

#35bb93
```
#35bb93 rgb(53,187,147)
```
#35a0bb
```
#35a0bb rgb(53,160,187)
```
#355dbb
```
#355dbb rgb(53,93,187)
```

Analogous Color

#bb9335
```
#bb9335 rgb(187,147,53)
```
#35a0bb
```
#35a0bb rgb(53,160,187)
```
#bb355d
```
#bb355d rgb(187,53,93)
```

Split Complementary Color

#a0bb35
```
#a0bb35 rgb(160,187,53)
```
#35a0bb
```
#35a0bb rgb(53,160,187)
```
#bb35a0
```
#bb35a0 rgb(187,53,160)
```

Triadic Color

#35bb50
```
#35bb50 rgb(53,187,80)
```
#35a0bb
```
#35a0bb rgb(53,160,187)
```
#bb35a0
```
#bb35a0 rgb(187,53,160)
```
#bb5035
```
#bb5035 rgb(187,80,53)
```

Tetradic Color

#246d7f
```
#246d7f rgb(36,109,127)
```
#2a7e93
```
#2a7e93 rgb(42,126,147)
```
#2f8fa7
```
#2f8fa7 rgb(47,143,167)
```
#35a0bb
```
#35a0bb rgb(53,160,187)
```
#40aec9
```
#40aec9 rgb(64,174,201)
```
#54b6cf
```
#54b6cf rgb(84,182,207)
```
#68bfd4
```
#68bfd4 rgb(104,191,212)
```

Monochromatic Color

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

#35bbb5
```
#35bbb5 rgb(53,187,181)
```
#35b6bb
```
#35b6bb rgb(53,182,187)
```
#35abbb
```
#35abbb rgb(53,171,187)
```
#35a0bb
```
#35a0bb rgb(53,160,187)
```
#3595bb
```
#3595bb rgb(53,149,187)
```
#358abb
```
#358abb rgb(53,138,187)
```
#357fbb
```
#357fbb rgb(53,127,187)
```

Similar Colors

Text with hexadecimal color #35a0bb

This text has a font color of #35a0bb.

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

#35a0bb background color

This paragraph has a background color of #35a0bb.

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

#35a0bb border color

This element has a border color of #35a0bb.

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

CSS codes

.text {color:#35a0bb;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#051013
```
#051013 rgb(5,16,19)
```
#0a1d22
```
#0a1d22 rgb(10,29,34)
```
#0e2a31
```
#0e2a31 rgb(14,42,49)
```
#123741
```
#123741 rgb(18,55,65)
```
#174450
```
#174450 rgb(23,68,80)
```
#1b525f
```
#1b525f rgb(27,82,95)
```
#1f5f6f
```
#1f5f6f rgb(31,95,111)
```
#246c7e
```
#246c7e rgb(36,108,126)
```
#28798d
```
#28798d rgb(40,121,141)
```
#2c869c
```
#2c869c rgb(44,134,156)
```
#3193ac
```
#3193ac rgb(49,147,172)
```
#35a0bb
```
#35a0bb rgb(53,160,187)
```

Shade Color Variation

#3cacc8
```
#3cacc8 rgb(60,172,200)
```
#4bb2cc
```
#4bb2cc rgb(75,178,204)
```
#5ab9d0
```
#5ab9d0 rgb(90,185,208)
```
#6abfd5
```
#6abfd5 rgb(106,191,213)
```
#79c6d9
```
#79c6d9 rgb(121,198,217)
```
#88ccdd
```
#88ccdd rgb(136,204,221)
```
#98d3e2
```
#98d3e2 rgb(152,211,226)
```
#a7d9e6
```
#a7d9e6 rgb(167,217,230)
```
#b6e0ea
```
#b6e0ea rgb(182,224,234)
```
#c5e6ef
```
#c5e6ef rgb(197,230,239)
```
#d5edf3
```
#d5edf3 rgb(213,237,243)
```
#e4f3f7
```
#e4f3f7 rgb(228,243,247)
```
#f3fafc
```
#f3fafc rgb(243,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76797a is the less saturated color, while #07bce9 is the most saturated one.

#76797a
```
#76797a rgb(118,121,122)
```
#6c7f84
```
#6c7f84 rgb(108,127,132)
```
#63848d
```
#63848d rgb(99,132,141)
```
#5a8a96
```
#5a8a96 rgb(90,138,150)
```
#518f9f
```
#518f9f rgb(81,143,159)
```
#4795a9
```
#4795a9 rgb(71,149,169)
```
#3e9ab2
```
#3e9ab2 rgb(62,154,178)
```
#35a0bb
```
#35a0bb rgb(53,160,187)
```
#2ca6c4
```
#2ca6c4 rgb(44,166,196)
```
#23abcd
```
#23abcd rgb(35,171,205)
```
#19b1d7
```
#19b1d7 rgb(25,177,215)
```
#10b6e0
```
#10b6e0 rgb(16,182,224)
```
#07bce9
```
#07bce9 rgb(7,188,233)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#73898e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9297b6 Protanopia 1% of men
#8f97c3 Deuteranopia 1% of men
#35a6b3 Tritanopia 0.001% of the population

Trichromacy

#709ab8 Protanomaly 1% of men, 0.01% of women
#6e9ac0 Deuteranomaly 6% of men, 0.4% of women
#35a4b6 Tritanomaly 0.01% of the population

#35a0bb hex color

#35a0bb Color Information

#35a0bb Color Conversion

Color Schemes with #35a0bb

Alternatives to #35a0bb

#35a0bb Preview

Shades and Tints of #35a0bb

Tones of #35a0bb

Color Blindness Simulator