#35aaf5 hex color

In a RGB color space, hex #35aaf5 is composed of 20.8% red, 66.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 30.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 203.4 degrees, a saturation of 90.6% and a lightness of 58.4%. #35aaf5 color hex could be obtained by blending #6affff with #0055eb. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 21
- G 67
- B 96
RGB color chart
- C 78
- M 31
- Y 0
- K 4
CMYK color chart

● #35aaf5 color description : Bright blue.

The hexadecimal color #35aaf5 has RGB values of R:53, G:170, B:245 and CMYK values of C:0.78, M:0.31, Y:0, K:0.04. Its decimal value is 3517173.

Hex triplet	35aaf5	`#35aaf5`
RGB Decimal	53, 170, 245	`rgb(53,170,245)`
RGB Percent	20.8, 66.7, 96.1	`rgb(20.8%,66.7%,96.1%)`
CMYK	78, 31, 0, 4
HSL	203.4°, 90.6, 58.4	`hsl(203.4,90.6%,58.4%)`
HSV (or HSB)	203.4°, 78.4, 96.1
Web Safe	3399ff	`#3399ff`

CIE-LAB	66.593, -7.013, -46.432
XYZ	32.32, 36.096, 91.645
xyY	0.202, 0.226, 36.096
CIE-LCH	66.593, 46.958, 261.411
CIE-LUV	66.593, -39.399, -74.066
Hunter-Lab	60.08, -9.115, -48.384
Binary	00110101, 10101010, 11110101

#35aaf5
```
#35aaf5 rgb(53,170,245)
```
#f58035
```
#f58035 rgb(245,128,53)
```

Complementary Color

#35f5e0
```
#35f5e0 rgb(53,245,224)
```
#35aaf5
```
#35aaf5 rgb(53,170,245)
```
#354af5
```
#354af5 rgb(53,74,245)
```

Analogous Color

#f5e035
```
#f5e035 rgb(245,224,53)
```
#35aaf5
```
#35aaf5 rgb(53,170,245)
```
#f5354a
```
#f5354a rgb(245,53,74)
```

Split Complementary Color

#aaf535
```
#aaf535 rgb(170,245,53)
```
#35aaf5
```
#35aaf5 rgb(53,170,245)
```
#f535aa
```
#f535aa rgb(245,53,170)
```

Triadic Color

#35f580
```
#35f580 rgb(53,245,128)
```
#35aaf5
```
#35aaf5 rgb(53,170,245)
```
#f535aa
```
#f535aa rgb(245,53,170)
```
#f58035
```
#f58035 rgb(245,128,53)
```

Tetradic Color

#0a85d3
```
#0a85d3 rgb(10,133,211)
```
#0c94eb
```
#0c94eb rgb(12,148,235)
```
#1da0f4
```
#1da0f4 rgb(29,160,244)
```
#35aaf5
```
#35aaf5 rgb(53,170,245)
```
#4db4f6
```
#4db4f6 rgb(77,180,246)
```
#66bef7
```
#66bef7 rgb(102,190,247)
```
#7ec9f9
```
#7ec9f9 rgb(126,201,249)
```

Monochromatic Color

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

#35daf5
```
#35daf5 rgb(53,218,245)
```
#35caf5
```
#35caf5 rgb(53,202,245)
```
#35baf5
```
#35baf5 rgb(53,186,245)
```
#35aaf5
```
#35aaf5 rgb(53,170,245)
```
#359af5
```
#359af5 rgb(53,154,245)
```
#358af5
```
#358af5 rgb(53,138,245)
```
#357af5
```
#357af5 rgb(53,122,245)
```

Similar Colors

Text with hexadecimal color #35aaf5

This text has a font color of #35aaf5.

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

#35aaf5 background color

This paragraph has a background color of #35aaf5.

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

#35aaf5 border color

This element has a border color of #35aaf5.

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

CSS codes

.text {color:#35aaf5;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#010e16
```
#010e16 rgb(1,14,22)
```
#021a29
```
#021a29 rgb(2,26,41)
```
#03263c
```
#03263c rgb(3,38,60)
```
#04314e
```
#04314e rgb(4,49,78)
```
#053d61
```
#053d61 rgb(5,61,97)
```
#064974
```
#064974 rgb(6,73,116)
```
#075586
```
#075586 rgb(7,85,134)
```
#086099
```
#086099 rgb(8,96,153)
```
#096cac
```
#096cac rgb(9,108,172)
```
#0978be
```
#0978be rgb(9,120,190)
```
#0a84d1
```
#0a84d1 rgb(10,132,209)
```
#0b8fe4
```
#0b8fe4 rgb(11,143,228)
```

Shade Color Variation

#109af3
```
#109af3 rgb(16,154,243)
```
#22a2f4
```
#22a2f4 rgb(34,162,244)
```
#35aaf5
```
#35aaf5 rgb(53,170,245)
```
#48b2f6
```
#48b2f6 rgb(72,178,246)
```
#5abaf7
```
#5abaf7 rgb(90,186,247)
```
#6dc2f8
```
#6dc2f8 rgb(109,194,248)
```
#80c9f9
```
#80c9f9 rgb(128,201,249)
```
#92d1fa
```
#92d1fa rgb(146,209,250)
```
#a5d9fb
```
#a5d9fb rgb(165,217,251)
```
#b8e1fb
```
#b8e1fb rgb(184,225,251)
```
#cbe9fc
```
#cbe9fc rgb(203,233,252)
```
#ddf1fd
```
#ddf1fd rgb(221,241,253)
```
#f0f9fe
```
#f0f9fe rgb(240,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f969b is the less saturated color, while #2dacfd is the most saturated one.

#8f969b
```
#8f969b rgb(143,150,155)
```
#8798a3
```
#8798a3 rgb(135,152,163)
```
#7e9aac
```
#7e9aac rgb(126,154,172)
```
#769cb4
```
#769cb4 rgb(118,156,180)
```
#6e9ebc
```
#6e9ebc rgb(110,158,188)
```
#669fc4
```
#669fc4 rgb(102,159,196)
```
#5ea1cc
```
#5ea1cc rgb(94,161,204)
```
#56a3d4
```
#56a3d4 rgb(86,163,212)
```
#4da5dd
```
#4da5dd rgb(77,165,221)
```
#45a6e5
```
#45a6e5 rgb(69,166,229)
```
#3da8ed
```
#3da8ed rgb(61,168,237)
```
#35aaf5
```
#35aaf5 rgb(53,170,245)
```
#2dacfd
```
#2dacfd rgb(45,172,253)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7e95a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ca4ed Protanopia 1% of men
#78a6f8 Deuteranopia 1% of men
#00b7c3 Tritanopia 0.001% of the population

Trichromacy

#6ca6f0 Protanomaly 1% of men, 0.01% of women
#5fa7f7 Deuteranomaly 6% of men, 0.4% of women
#13b2d5 Tritanomaly 0.01% of the population

#35aaf5 hex color

#35aaf5 Color Information

#35aaf5 Color Conversion

Color Schemes with #35aaf5

Alternatives to #35aaf5

#35aaf5 Preview

Shades and Tints of #35aaf5

Tones of #35aaf5

Color Blindness Simulator