#35afd5 hex color

In a RGB color space, hex #35afd5 is composed of 20.8% red, 68.6% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 75.1% cyan, 17.8% magenta, 0% yellow and 16.5% black. It has a hue angle of 194.3 degrees, a saturation of 65.6% and a lightness of 52.2%. #35afd5 color hex could be obtained by blending #6affff with #005fab. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 21
- G 69
- B 84
RGB color chart
- C 75
- M 18
- Y 0
- K 16
CMYK color chart

● #35afd5 color description : Strong cyan.

The hexadecimal color #35afd5 has RGB values of R:53, G:175, B:213 and CMYK values of C:0.75, M:0.18, Y:0, K:0.16. Its decimal value is 3518421.

Hex triplet	35afd5	`#35afd5`
RGB Decimal	53, 175, 213	`rgb(53,175,213)`
RGB Percent	20.8, 68.6, 83.5	`rgb(20.8%,68.6%,83.5%)`
CMYK	75, 18, 0, 16
HSL	194.3°, 65.6, 52.2	`hsl(194.3,65.6%,52.2%)`
HSV (or HSB)	194.3°, 75.1, 83.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.686, -20.555, -28.742
XYZ	28.805, 36.218, 68.42
xyY	0.216, 0.271, 36.218
CIE-LCH	66.686, 35.336, 234.429
CIE-LUV	66.686, -43.013, -42.481
Hunter-Lab	60.182, -19.881, -25.279
Binary	00110101, 10101111, 11010101

#35afd5
```
#35afd5 rgb(53,175,213)
```
#d55b35
```
#d55b35 rgb(213,91,53)
```

Complementary Color

#35d5ab
```
#35d5ab rgb(53,213,171)
```
#35afd5
```
#35afd5 rgb(53,175,213)
```
#355fd5
```
#355fd5 rgb(53,95,213)
```

Analogous Color

#d5ab35
```
#d5ab35 rgb(213,171,53)
```
#35afd5
```
#35afd5 rgb(53,175,213)
```
#d5355f
```
#d5355f rgb(213,53,95)
```

Split Complementary Color

#afd535
```
#afd535 rgb(175,213,53)
```
#35afd5
```
#35afd5 rgb(53,175,213)
```
#d535af
```
#d535af rgb(213,53,175)
```

Triadic Color

#35d55b
```
#35d55b rgb(53,213,91)
```
#35afd5
```
#35afd5 rgb(53,175,213)
```
#d535af
```
#d535af rgb(213,53,175)
```
#d55b35
```
#d55b35 rgb(213,91,53)
```

Tetradic Color

#217f9d
```
#217f9d rgb(33,127,157)
```
#2591b2
```
#2591b2 rgb(37,145,178)
```
#29a2c7
```
#29a2c7 rgb(41,162,199)
```
#35afd5
```
#35afd5 rgb(53,175,213)
```
#4ab7d9
```
#4ab7d9 rgb(74,183,217)
```
#5fc0de
```
#5fc0de rgb(95,192,222)
```
#74c8e2
```
#74c8e2 rgb(116,200,226)
```

Monochromatic Color

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

#35d5d3
```
#35d5d3 rgb(53,213,211)
```
#35cad5
```
#35cad5 rgb(53,202,213)
```
#35bcd5
```
#35bcd5 rgb(53,188,213)
```
#35afd5
```
#35afd5 rgb(53,175,213)
```
#35a2d5
```
#35a2d5 rgb(53,162,213)
```
#3594d5
```
#3594d5 rgb(53,148,213)
```
#3587d5
```
#3587d5 rgb(53,135,213)
```

Similar Colors

Text with hexadecimal color #35afd5

This text has a font color of #35afd5.

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

#35afd5 background color

This paragraph has a background color of #35afd5.

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

#35afd5 border color

This element has a border color of #35afd5.

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

CSS codes

.text {color:#35afd5;}

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

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

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

#020709
```
#020709 rgb(2,7,9)
```
#051519
```
#051519 rgb(5,21,25)
```
#09222a
```
#09222a rgb(9,34,42)
```
#0c2f3a
```
#0c2f3a rgb(12,47,58)
```
#0f3c4a
```
#0f3c4a rgb(15,60,74)
```
#13495a
```
#13495a rgb(19,73,90)
```
#16566b
```
#16566b rgb(22,86,107)
```
#1a647b
```
#1a647b rgb(26,100,123)
```
#1d718b
```
#1d718b rgb(29,113,139)
```
#207e9b
```
#207e9b rgb(32,126,155)
```
#248bab
```
#248bab rgb(36,139,171)
```
#2798bc
```
#2798bc rgb(39,152,188)
```
#2aa6cc
```
#2aa6cc rgb(42,166,204)
```

Shade Color Variation

#35afd5
```
#35afd5 rgb(53,175,213)
```
#45b5d8
```
#45b5d8 rgb(69,181,216)
```
#55bcdc
```
#55bcdc rgb(85,188,220)
```
#66c2df
```
#66c2df rgb(102,194,223)
```
#76c9e3
```
#76c9e3 rgb(118,201,227)
```
#86cfe6
```
#86cfe6 rgb(134,207,230)
```
#96d6e9
```
#96d6e9 rgb(150,214,233)
```
#a7dced
```
#a7dced rgb(167,220,237)
```
#b7e2f0
```
#b7e2f0 rgb(183,226,240)
```
#c7e9f3
```
#c7e9f3 rgb(199,233,243)
```
#d7eff7
```
#d7eff7 rgb(215,239,247)
```
#e8f6fa
```
#e8f6fa rgb(232,246,250)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

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

#80888a
```
#80888a rgb(128,136,138)
```
#778d93
```
#778d93 rgb(119,141,147)
```
#6d919d
```
#6d919d rgb(109,145,157)
```
#6496a6
```
#6496a6 rgb(100,150,166)
```
#5b9baf
```
#5b9baf rgb(91,155,175)
```
#51a0b9
```
#51a0b9 rgb(81,160,185)
```
#48a5c2
```
#48a5c2 rgb(72,165,194)
```
#3eaacc
```
#3eaacc rgb(62,170,204)
```
#35afd5
```
#35afd5 rgb(53,175,213)
```
#2cb4de
```
#2cb4de rgb(44,180,222)
```
#22b9e8
```
#22b9e8 rgb(34,185,232)
```
#19bef1
```
#19bef1 rgb(25,190,241)
```
#0fc3fb
```
#0fc3fb rgb(15,195,251)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7d959d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca5ce Protanopia 1% of men
#96a4dc Deuteranopia 1% of men
#28b6c4 Tritanopia 0.001% of the population

Trichromacy

#76a8d0 Protanomaly 1% of men, 0.01% of women
#72a8d9 Deuteranomaly 6% of men, 0.4% of women
#2db3ca Tritanomaly 0.01% of the population

#35afd5 hex color

#35afd5 Color Information

#35afd5 Color Conversion

Color Schemes with #35afd5

Alternatives to #35afd5

#35afd5 Preview

Shades and Tints of #35afd5

Tones of #35afd5

Color Blindness Simulator