#35a2fa hex color

In a RGB color space, hex #35a2fa is composed of 20.8% red, 63.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 35.2% magenta, 0% yellow and 2% black. It has a hue angle of 206.8 degrees, a saturation of 95.2% and a lightness of 59.4%. #35a2fa color hex could be obtained by blending #6affff with #0045f5. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 21
- G 64
- B 98
RGB color chart
- C 79
- M 35
- Y 0
- K 2
CMYK color chart

● #35a2fa color description : Bright blue.

The hexadecimal color #35a2fa has RGB values of R:53, G:162, B:250 and CMYK values of C:0.79, M:0.35, Y:0, K:0.02. Its decimal value is 3515130.

Hex triplet	35a2fa	`#35a2fa`
RGB Decimal	53, 162, 250	`rgb(53,162,250)`
RGB Percent	20.8, 63.5, 98	`rgb(20.8%,63.5%,98%)`
CMYK	79, 35, 0, 2
HSL	206.8°, 95.2, 59.4	`hsl(206.8,95.2%,59.4%)`
HSV (or HSB)	206.8°, 78.8, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.561, -0.722, -52.369
XYZ	31.64, 33.497, 95.235
xyY	0.197, 0.209, 33.497
CIE-LCH	64.561, 52.374, 269.21
CIE-LUV	64.561, -36.478, -84.431
Hunter-Lab	57.877, -3.702, -57.047
Binary	00110101, 10100010, 11111010

#35a2fa
```
#35a2fa rgb(53,162,250)
```
#fa8d35
```
#fa8d35 rgb(250,141,53)
```

Complementary Color

#35faf0
```
#35faf0 rgb(53,250,240)
```
#35a2fa
```
#35a2fa rgb(53,162,250)
```
#353ffa
```
#353ffa rgb(53,63,250)
```

Analogous Color

#faf035
```
#faf035 rgb(250,240,53)
```
#35a2fa
```
#35a2fa rgb(53,162,250)
```
#fa353f
```
#fa353f rgb(250,53,63)
```

Split Complementary Color

#a2fa35
```
#a2fa35 rgb(162,250,53)
```
#35a2fa
```
#35a2fa rgb(53,162,250)
```
#fa35a2
```
#fa35a2 rgb(250,53,162)
```

Triadic Color

#35fa8d
```
#35fa8d rgb(53,250,141)
```
#35a2fa
```
#35a2fa rgb(53,162,250)
```
#fa35a2
```
#fa35a2 rgb(250,53,162)
```
#fa8d35
```
#fa8d35 rgb(250,141,53)
```

Tetradic Color

#057ddd
```
#057ddd rgb(5,125,221)
```
#068bf6
```
#068bf6 rgb(6,139,246)
```
#1c97f9
```
#1c97f9 rgb(28,151,249)
```
#35a2fa
```
#35a2fa rgb(53,162,250)
```
#4eadfb
```
#4eadfb rgb(78,173,251)
```
#67b9fb
```
#67b9fb rgb(103,185,251)
```
#80c4fc
```
#80c4fc rgb(128,196,252)
```

Monochromatic Color

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

#35d3fa
```
#35d3fa rgb(53,211,250)
```
#35c3fa
```
#35c3fa rgb(53,195,250)
```
#35b2fa
```
#35b2fa rgb(53,178,250)
```
#35a2fa
```
#35a2fa rgb(53,162,250)
```
#3592fa
```
#3592fa rgb(53,146,250)
```
#3581fa
```
#3581fa rgb(53,129,250)
```
#3571fa
```
#3571fa rgb(53,113,250)
```

Similar Colors

Text with hexadecimal color #35a2fa

This text has a font color of #35a2fa.

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

#35a2fa background color

This paragraph has a background color of #35a2fa.

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

#35a2fa border color

This element has a border color of #35a2fa.

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

CSS codes

.text {color:#35a2fa;}

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

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

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

#000509
```
#000509 rgb(0,5,9)
```
#01101c
```
#01101c rgb(1,16,28)
```
#011a2f
```
#011a2f rgb(1,26,47)
```
#022542
```
#022542 rgb(2,37,66)
```
#023055
```
#023055 rgb(2,48,85)
```
#033b68
```
#033b68 rgb(3,59,104)
```
#03467b
```
#03467b rgb(3,70,123)
```
#04508f
```
#04508f rgb(4,80,143)
```
#045ba2
```
#045ba2 rgb(4,91,162)
```
#0466b5
```
#0466b5 rgb(4,102,181)
```
#0571c8
```
#0571c8 rgb(5,113,200)
```
#057cdb
```
#057cdb rgb(5,124,219)
```
#0686ee
```
#0686ee rgb(6,134,238)
```

Shade Color Variation

#0f90f9
```
#0f90f9 rgb(15,144,249)
```
#2299fa
```
#2299fa rgb(34,153,250)
```
#35a2fa
```
#35a2fa rgb(53,162,250)
```
#48abfa
```
#48abfa rgb(72,171,250)
```
#5bb4fb
```
#5bb4fb rgb(91,180,251)
```
#6ebcfb
```
#6ebcfb rgb(110,188,251)
```
#82c5fc
```
#82c5fc rgb(130,197,252)
```
#95cefc
```
#95cefc rgb(149,206,252)
```
#a8d7fd
```
#a8d7fd rgb(168,215,253)
```
#bbe0fd
```
#bbe0fd rgb(187,224,253)
```
#cee9fe
```
#cee9fe rgb(206,233,254)
```
#e1f1fe
```
#e1f1fe rgb(225,241,254)
```
#f4faff
```
#f4faff rgb(244,250,255)
```

Tint Color Variation

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

#95989a
```
#95989a rgb(149,152,154)
```
#8d99a2
```
#8d99a2 rgb(141,153,162)
```
#859aaa
```
#859aaa rgb(133,154,170)
```
#7d9ab2
```
#7d9ab2 rgb(125,154,178)
```
#759bba
```
#759bba rgb(117,155,186)
```
#6d9cc2
```
#6d9cc2 rgb(109,156,194)
```
#659dca
```
#659dca rgb(101,157,202)
```
#5d9ed2
```
#5d9ed2 rgb(93,158,210)
```
#559fda
```
#559fda rgb(85,159,218)
```
#4d9fe2
```
#4d9fe2 rgb(77,159,226)
```
#45a0ea
```
#45a0ea rgb(69,160,234)
```
#3da1f2
```
#3da1f2 rgb(61,161,242)
```
#35a2fa
```
#35a2fa rgb(53,162,250)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#7a90a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f9ef4 Protanopia 1% of men
#63a2fc Deuteranopia 1% of men
#00b1bd Tritanopia 0.001% of the population

Trichromacy

#64a0f6 Protanomaly 1% of men, 0.01% of women
#52a2fb Deuteranomaly 6% of men, 0.4% of women
#13abd3 Tritanomaly 0.01% of the population

#35a2fa hex color

#35a2fa Color Information

#35a2fa Color Conversion

Color Schemes with #35a2fa

Alternatives to #35a2fa

#35a2fa Preview

Shades and Tints of #35a2fa

Tones of #35a2fa

Color Blindness Simulator