#35a0b4 hex color

In a RGB color space, hex #35a0b4 is composed of 20.8% red, 62.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 11.1% magenta, 0% yellow and 29.4% black. It has a hue angle of 189.4 degrees, a saturation of 54.5% and a lightness of 45.7%. #35a0b4 color hex could be obtained by blending #6affff with #004169. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 21
- G 63
- B 71
RGB color chart
- C 71
- M 11
- Y 0
- K 29
CMYK color chart

● #35a0b4 color description : Moderate cyan.

The hexadecimal color #35a0b4 has RGB values of R:53, G:160, B:180 and CMYK values of C:0.71, M:0.11, Y:0, K:0.29. Its decimal value is 3514548.

Hex triplet	35a0b4	`#35a0b4`
RGB Decimal	53, 160, 180	`rgb(53,160,180)`
RGB Percent	20.8, 62.7, 70.6	`rgb(20.8%,62.7%,70.6%)`
CMYK	71, 11, 0, 29
HSL	189.4°, 54.5, 45.7	`hsl(189.4,54.5%,45.7%)`
HSV (or HSB)	189.4°, 70.6, 70.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	60.951, -23.415, -19.158
XYZ	22.275, 29.192, 47.638
xyY	0.225, 0.295, 29.192
CIE-LCH	60.951, 30.254, 219.29
CIE-LUV	60.951, -39.694, -25.899
Hunter-Lab	54.029, -20.961, -14.456
Binary	00110101, 10100000, 10110100

#35a0b4
```
#35a0b4 rgb(53,160,180)
```
#b44935
```
#b44935 rgb(180,73,53)
```

Complementary Color

#35b489
```
#35b489 rgb(53,180,137)
```
#35a0b4
```
#35a0b4 rgb(53,160,180)
```
#3560b4
```
#3560b4 rgb(53,96,180)
```

Analogous Color

#b48935
```
#b48935 rgb(180,137,53)
```
#35a0b4
```
#35a0b4 rgb(53,160,180)
```
#b43561
```
#b43561 rgb(180,53,97)
```

Split Complementary Color

#a0b435
```
#a0b435 rgb(160,180,53)
```
#35a0b4
```
#35a0b4 rgb(53,160,180)
```
#b435a0
```
#b435a0 rgb(180,53,160)
```

Triadic Color

#35b449
```
#35b449 rgb(53,180,73)
```
#35a0b4
```
#35a0b4 rgb(53,160,180)
```
#b435a0
```
#b435a0 rgb(180,53,160)
```
#b44935
```
#b44935 rgb(180,73,53)
```

Tetradic Color

#246b79
```
#246b79 rgb(36,107,121)
```
#297d8d
```
#297d8d rgb(41,125,141)
```
#2f8ea0
```
#2f8ea0 rgb(47,142,160)
```
#35a0b4
```
#35a0b4 rgb(53,160,180)
```
#3db0c6
```
#3db0c6 rgb(61,176,198)
```
#50b8cc
```
#50b8cc rgb(80,184,204)
```
#64c0d1
```
#64c0d1 rgb(100,192,209)
```

Monochromatic Color

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

#35b4a8
```
#35b4a8 rgb(53,180,168)
```
#35b4b3
```
#35b4b3 rgb(53,180,179)
```
#35abb4
```
#35abb4 rgb(53,171,180)
```
#35a0b4
```
#35a0b4 rgb(53,160,180)
```
#3595b4
```
#3595b4 rgb(53,149,180)
```
#358bb4
```
#358bb4 rgb(53,139,180)
```
#3580b4
```
#3580b4 rgb(53,128,180)
```

Similar Colors

Text with hexadecimal color #35a0b4

This text has a font color of #35a0b4.

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

#35a0b4 background color

This paragraph has a background color of #35a0b4.

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

#35a0b4 border color

This element has a border color of #35a0b4.

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

CSS codes

.text {color:#35a0b4;}

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

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

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, #040c0d is the darkest color, while #fdfefe is the lightest one.

#040c0d
```
#040c0d rgb(4,12,13)
```
#08191c
```
#08191c rgb(8,25,28)
```
#0d272c
```
#0d272c rgb(13,39,44)
```
#11343b
```
#11343b rgb(17,52,59)
```
#16424a
```
#16424a rgb(22,66,74)
```
#1a4f59
```
#1a4f59 rgb(26,79,89)
```
#1f5d68
```
#1f5d68 rgb(31,93,104)
```
#236a77
```
#236a77 rgb(35,106,119)
```
#287887
```
#287887 rgb(40,120,135)
```
#2c8596
```
#2c8596 rgb(44,133,150)
```
#3193a5
```
#3193a5 rgb(49,147,165)
```
#35a0b4
```
#35a0b4 rgb(53,160,180)
```
#39adc3
```
#39adc3 rgb(57,173,195)
```

Shade Color Variation

#47b5c9
```
#47b5c9 rgb(71,181,201)
```
#56bbcd
```
#56bbcd rgb(86,187,205)
```
#66c1d2
```
#66c1d2 rgb(102,193,210)
```
#75c7d6
```
#75c7d6 rgb(117,199,214)
```
#84cddb
```
#84cddb rgb(132,205,219)
```
#93d3df
```
#93d3df rgb(147,211,223)
```
#a2d9e4
```
#a2d9e4 rgb(162,217,228)
```
#b1e0e8
```
#b1e0e8 rgb(177,224,232)
```
#c1e6ed
```
#c1e6ed rgb(193,230,237)
```
#d0ecf1
```
#d0ecf1 rgb(208,236,241)
```
#dff2f6
```
#dff2f6 rgb(223,242,246)
```
#eef8fa
```
#eef8fa rgb(238,248,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#747575
```
#747575 rgb(116,117,117)
```
#6b7b7e
```
#6b7b7e rgb(107,123,126)
```
#628187
```
#628187 rgb(98,129,135)
```
#598790
```
#598790 rgb(89,135,144)
```
#508e99
```
#508e99 rgb(80,142,153)
```
#4794a2
```
#4794a2 rgb(71,148,162)
```
#3e9aab
```
#3e9aab rgb(62,154,171)
```
#35a0b4
```
#35a0b4 rgb(53,160,180)
```
#2ca6bd
```
#2ca6bd rgb(44,166,189)
```
#23acc6
```
#23acc6 rgb(35,172,198)
```
#1ab2cf
```
#1ab2cf rgb(26,178,207)
```
#11b9d8
```
#11b9d8 rgb(17,185,216)
```
#08bfe1
```
#08bfe1 rgb(8,191,225)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#73888c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9397af Protanopia 1% of men
#9296bd Deuteranopia 1% of men
#3aa5b2 Tritanopia 0.001% of the population

Trichromacy

#719ab1 Protanomaly 1% of men, 0.01% of women
#7099ba Deuteranomaly 6% of men, 0.4% of women
#38a3b2 Tritanomaly 0.01% of the population

#35a0b4 hex color

#35a0b4 Color Information

#35a0b4 Color Conversion

Color Schemes with #35a0b4

Alternatives to #35a0b4

#35a0b4 Preview

Shades and Tints of #35a0b4

Tones of #35a0b4

Color Blindness Simulator