#35a0f5 hex color

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

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

● #35a0f5 color description : Bright blue.

The hexadecimal color #35a0f5 has RGB values of R:53, G:160, B:245 and CMYK values of C:0.78, M:0.35, Y:0, K:0.04. Its decimal value is 3514613.

Hex triplet	35a0f5	`#35a0f5`
RGB Decimal	53, 160, 245	`rgb(53,160,245)`
RGB Percent	20.8, 62.7, 96.1	`rgb(20.8%,62.7%,96.1%)`
CMYK	78, 35, 0, 4
HSL	206.6°, 90.6, 58.4	`hsl(206.6,90.6%,58.4%)`
HSV (or HSB)	206.6°, 78.4, 96.1
Web Safe	3399ff	`#3399ff`

CIE-LAB	63.745, -1.352, -50.929
XYZ	30.516, 32.488, 91.044
xyY	0.198, 0.211, 32.488
CIE-LCH	63.745, 50.947, 268.48
CIE-LUV	63.745, -36.061, -81.766
Hunter-Lab	56.999, -4.181, -54.805
Binary	00110101, 10100000, 11110101

#35a0f5
```
#35a0f5 rgb(53,160,245)
```
#f58a35
```
#f58a35 rgb(245,138,53)
```

Complementary Color

#35f5ea
```
#35f5ea rgb(53,245,234)
```
#35a0f5
```
#35a0f5 rgb(53,160,245)
```
#3540f5
```
#3540f5 rgb(53,64,245)
```

Analogous Color

#f5ea35
```
#f5ea35 rgb(245,234,53)
```
#35a0f5
```
#35a0f5 rgb(53,160,245)
```
#f53540
```
#f53540 rgb(245,53,64)
```

Split Complementary Color

#a0f535
```
#a0f535 rgb(160,245,53)
```
#35a0f5
```
#35a0f5 rgb(53,160,245)
```
#f535a0
```
#f535a0 rgb(245,53,160)
```

Triadic Color

#35f58a
```
#35f58a rgb(53,245,138)
```
#35a0f5
```
#35a0f5 rgb(53,160,245)
```
#f535a0
```
#f535a0 rgb(245,53,160)
```
#f58a35
```
#f58a35 rgb(245,138,53)
```

Tetradic Color

#0a7ad3
```
#0a7ad3 rgb(10,122,211)
```
#0c88eb
```
#0c88eb rgb(12,136,235)
```
#1d95f4
```
#1d95f4 rgb(29,149,244)
```
#35a0f5
```
#35a0f5 rgb(53,160,245)
```
#4dabf6
```
#4dabf6 rgb(77,171,246)
```
#66b7f7
```
#66b7f7 rgb(102,183,247)
```
#7ec2f9
```
#7ec2f9 rgb(126,194,249)
```

Monochromatic Color

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

#35d0f5
```
#35d0f5 rgb(53,208,245)
```
#35c0f5
```
#35c0f5 rgb(53,192,245)
```
#35b0f5
```
#35b0f5 rgb(53,176,245)
```
#35a0f5
```
#35a0f5 rgb(53,160,245)
```
#3590f5
```
#3590f5 rgb(53,144,245)
```
#3580f5
```
#3580f5 rgb(53,128,245)
```
#3570f5
```
#3570f5 rgb(53,112,245)
```

Similar Colors

Text with hexadecimal color #35a0f5

This text has a font color of #35a0f5.

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

#35a0f5 background color

This paragraph has a background color of #35a0f5.

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

#35a0f5 border color

This element has a border color of #35a0f5.

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

CSS codes

.text {color:#35a0f5;}

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

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

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 #f0f8fe is the lightest one.

#000204
```
#000204 rgb(0,2,4)
```
#010d16
```
#010d16 rgb(1,13,22)
```
#021829
```
#021829 rgb(2,24,41)
```
#03233c
```
#03233c rgb(3,35,60)
```
#042d4e
```
#042d4e rgb(4,45,78)
```
#053861
```
#053861 rgb(5,56,97)
```
#064374
```
#064374 rgb(6,67,116)
```
#074e86
```
#074e86 rgb(7,78,134)
```
#085999
```
#085999 rgb(8,89,153)
```
#0964ac
```
#0964ac rgb(9,100,172)
```
#096ebe
```
#096ebe rgb(9,110,190)
```
#0a79d1
```
#0a79d1 rgb(10,121,209)
```
#0b84e4
```
#0b84e4 rgb(11,132,228)
```

Shade Color Variation

#108ef3
```
#108ef3 rgb(16,142,243)
```
#2297f4
```
#2297f4 rgb(34,151,244)
```
#35a0f5
```
#35a0f5 rgb(53,160,245)
```
#48a9f6
```
#48a9f6 rgb(72,169,246)
```
#5ab2f7
```
#5ab2f7 rgb(90,178,247)
```
#6dbaf8
```
#6dbaf8 rgb(109,186,248)
```
#80c3f9
```
#80c3f9 rgb(128,195,249)
```
#92ccfa
```
#92ccfa rgb(146,204,250)
```
#a5d5fb
```
#a5d5fb rgb(165,213,251)
```
#b8defb
```
#b8defb rgb(184,222,251)
```
#cbe6fc
```
#cbe6fc rgb(203,230,252)
```
#ddeffd
```
#ddeffd rgb(221,239,253)
```
#f0f8fe
```
#f0f8fe rgb(240,248,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 #2da1fd is the most saturated one.

#8f969b
```
#8f969b rgb(143,150,155)
```
#8797a3
```
#8797a3 rgb(135,151,163)
```
#7e98ac
```
#7e98ac rgb(126,152,172)
```
#7699b4
```
#7699b4 rgb(118,153,180)
```
#6e99bc
```
#6e99bc rgb(110,153,188)
```
#669ac4
```
#669ac4 rgb(102,154,196)
```
#5e9bcc
```
#5e9bcc rgb(94,155,204)
```
#569cd4
```
#569cd4 rgb(86,156,212)
```
#4d9ddd
```
#4d9ddd rgb(77,157,221)
```
#459ee5
```
#459ee5 rgb(69,158,229)
```
#3d9fed
```
#3d9fed rgb(61,159,237)
```
#35a0f5
```
#35a0f5 rgb(53,160,245)
```
#2da1fd
```
#2da1fd rgb(45,161,253)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#798e9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e9cef Protanopia 1% of men
#65a0f7 Deuteranopia 1% of men
#00afbb Tritanopia 0.001% of the population

Trichromacy

#639ef1 Protanomaly 1% of men, 0.01% of women
#53a0f6 Deuteranomaly 6% of men, 0.4% of women
#13a9d0 Tritanomaly 0.01% of the population

#35a0f5 hex color

#35a0f5 Color Information

#35a0f5 Color Conversion

Color Schemes with #35a0f5

Alternatives to #35a0f5

#35a0f5 Preview

Shades and Tints of #35a0f5

Tones of #35a0f5

Color Blindness Simulator