#35a2b4 hex color

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

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

● #35a2b4 color description : Moderate cyan.

The hexadecimal color #35a2b4 has RGB values of R:53, G:162, B:180 and CMYK values of C:0.71, M:0.1, Y:0, K:0.29. Its decimal value is 3515060.

Hex triplet	35a2b4	`#35a2b4`
RGB Decimal	53, 162, 180	`rgb(53,162,180)`
RGB Percent	20.8, 63.5, 70.6	`rgb(20.8%,63.5%,70.6%)`
CMYK	71, 10, 0, 29
HSL	188.5°, 54.5, 45.7	`hsl(188.5,54.5%,45.7%)`
HSV (or HSB)	188.5°, 70.6, 70.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	61.56, -24.438, -18.231
XYZ	22.624, 29.891, 47.755
xyY	0.226, 0.298, 29.891
CIE-LCH	61.56, 30.489, 216.724
CIE-LUV	61.56, -40.422, -24.309
Hunter-Lab	54.673, -21.811, -13.517
Binary	00110101, 10100010, 10110100

#35a2b4
```
#35a2b4 rgb(53,162,180)
```
#b44735
```
#b44735 rgb(180,71,53)
```

Complementary Color

#35b487
```
#35b487 rgb(53,180,135)
```
#35a2b4
```
#35a2b4 rgb(53,162,180)
```
#3562b4
```
#3562b4 rgb(53,98,180)
```

Analogous Color

#b48735
```
#b48735 rgb(180,135,53)
```
#35a2b4
```
#35a2b4 rgb(53,162,180)
```
#b43563
```
#b43563 rgb(180,53,99)
```

Split Complementary Color

#a2b435
```
#a2b435 rgb(162,180,53)
```
#35a2b4
```
#35a2b4 rgb(53,162,180)
```
#b435a2
```
#b435a2 rgb(180,53,162)
```

Triadic Color

#35b447
```
#35b447 rgb(53,180,71)
```
#35a2b4
```
#35a2b4 rgb(53,162,180)
```
#b435a2
```
#b435a2 rgb(180,53,162)
```
#b44735
```
#b44735 rgb(180,71,53)
```

Tetradic Color

#246d79
```
#246d79 rgb(36,109,121)
```
#297f8d
```
#297f8d rgb(41,127,141)
```
#2f90a0
```
#2f90a0 rgb(47,144,160)
```
#35a2b4
```
#35a2b4 rgb(53,162,180)
```
#3db2c6
```
#3db2c6 rgb(61,178,198)
```
#50bacc
```
#50bacc rgb(80,186,204)
```
#64c2d1
```
#64c2d1 rgb(100,194,209)
```

Monochromatic Color

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

#35b4a6
```
#35b4a6 rgb(53,180,166)
```
#35b4b1
```
#35b4b1 rgb(53,180,177)
```
#35adb4
```
#35adb4 rgb(53,173,180)
```
#35a2b4
```
#35a2b4 rgb(53,162,180)
```
#3597b4
```
#3597b4 rgb(53,151,180)
```
#358db4
```
#358db4 rgb(53,141,180)
```
#3582b4
```
#3582b4 rgb(53,130,180)
```

Similar Colors

Text with hexadecimal color #35a2b4

This text has a font color of #35a2b4.

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

#35a2b4 background color

This paragraph has a background color of #35a2b4.

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

#35a2b4 border color

This element has a border color of #35a2b4.

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

CSS codes

.text {color:#35a2b4;}

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

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

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)
```
#081a1c
```
#081a1c rgb(8,26,28)
```
#0d272c
```
#0d272c rgb(13,39,44)
```
#11353b
```
#11353b rgb(17,53,59)
```
#16434a
```
#16434a rgb(22,67,74)
```
#1a5059
```
#1a5059 rgb(26,80,89)
```
#1f5e68
```
#1f5e68 rgb(31,94,104)
```
#236b77
```
#236b77 rgb(35,107,119)
```
#287987
```
#287987 rgb(40,121,135)
```
#2c8796
```
#2c8796 rgb(44,135,150)
```
#3194a5
```
#3194a5 rgb(49,148,165)
```
#35a2b4
```
#35a2b4 rgb(53,162,180)
```
#39b0c3
```
#39b0c3 rgb(57,176,195)
```

Shade Color Variation

#47b7c9
```
#47b7c9 rgb(71,183,201)
```
#56bdcd
```
#56bdcd rgb(86,189,205)
```
#66c3d2
```
#66c3d2 rgb(102,195,210)
```
#75c8d6
```
#75c8d6 rgb(117,200,214)
```
#84cedb
```
#84cedb rgb(132,206,219)
```
#93d4df
```
#93d4df rgb(147,212,223)
```
#a2dae4
```
#a2dae4 rgb(162,218,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 #08c2e1 is the most saturated one.

#747575
```
#747575 rgb(116,117,117)
```
#6b7b7e
```
#6b7b7e rgb(107,123,126)
```
#628287
```
#628287 rgb(98,130,135)
```
#598890
```
#598890 rgb(89,136,144)
```
#508f99
```
#508f99 rgb(80,143,153)
```
#4795a2
```
#4795a2 rgb(71,149,162)
```
#3e9cab
```
#3e9cab rgb(62,156,171)
```
#35a2b4
```
#35a2b4 rgb(53,162,180)
```
#2ca8bd
```
#2ca8bd rgb(44,168,189)
```
#23afc6
```
#23afc6 rgb(35,175,198)
```
#1ab5cf
```
#1ab5cf rgb(26,181,207)
```
#11bcd8
```
#11bcd8 rgb(17,188,216)
```
#08c2e1
```
#08c2e1 rgb(8,194,225)
```

Tone Color Variation

Below, you can see how #35a2b4 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
#73898d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9599af Protanopia 1% of men
#9597bd Deuteranopia 1% of men
#3ca7b3 Tritanopia 0.001% of the population

Trichromacy

#729cb1 Protanomaly 1% of men, 0.01% of women
#729bba Deuteranomaly 6% of men, 0.4% of women
#39a5b3 Tritanomaly 0.01% of the population

#35a2b4 hex color

#35a2b4 Color Information

#35a2b4 Color Conversion

Color Schemes with #35a2b4

Alternatives to #35a2b4

#35a2b4 Preview

Shades and Tints of #35a2b4

Tones of #35a2b4

Color Blindness Simulator