#35a0fd hex color

In a RGB color space, hex #35a0fd is composed of 20.8% red, 62.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 36.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 207.9 degrees, a saturation of 98% and a lightness of 60%. #35a0fd color hex could be obtained by blending #6affff with #0041fb. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 21
- G 63
- B 99
RGB color chart
- C 79
- M 37
- Y 0
- K 1
CMYK color chart

● #35a0fd color description : Bright blue.

The hexadecimal color #35a0fd has RGB values of R:53, G:160, B:253 and CMYK values of C:0.79, M:0.37, Y:0, K:0.01. Its decimal value is 3514621.

Hex triplet	35a0fd	`#35a0fd`
RGB Decimal	53, 160, 253	`rgb(53,160,253)`
RGB Percent	20.8, 62.7, 99.2	`rgb(20.8%,62.7%,99.2%)`
CMYK	79, 37, 0, 1
HSL	207.9°, 98, 60	`hsl(207.9,98%,60%)`
HSV (or HSB)	207.9°, 79.1, 99.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.151, 1.502, -54.658
XYZ	31.764, 32.988, 97.616
xyY	0.196, 0.203, 32.988
CIE-LCH	64.151, 54.678, 271.574
CIE-LUV	64.151, -35.68, -88.42
Hunter-Lab	57.435, -1.791, -60.565
Binary	00110101, 10100000, 11111101

#35a0fd
```
#35a0fd rgb(53,160,253)
```
#fd9235
```
#fd9235 rgb(253,146,53)
```

Complementary Color

#35fdf6
```
#35fdf6 rgb(53,253,246)
```
#35a0fd
```
#35a0fd rgb(53,160,253)
```
#353cfd
```
#353cfd rgb(53,60,253)
```

Analogous Color

#fdf635
```
#fdf635 rgb(253,246,53)
```
#35a0fd
```
#35a0fd rgb(53,160,253)
```
#fd353c
```
#fd353c rgb(253,53,60)
```

Split Complementary Color

#a0fd35
```
#a0fd35 rgb(160,253,53)
```
#35a0fd
```
#35a0fd rgb(53,160,253)
```
#fd35a0
```
#fd35a0 rgb(253,53,160)
```

Triadic Color

#35fd92
```
#35fd92 rgb(53,253,146)
```
#35a0fd
```
#35a0fd rgb(53,160,253)
```
#fd35a0
```
#fd35a0 rgb(253,53,160)
```
#fd9235
```
#fd9235 rgb(253,146,53)
```

Tetradic Color

#027be3
```
#027be3 rgb(2,123,227)
```
#0288fd
```
#0288fd rgb(2,136,253)
```
#1c94fd
```
#1c94fd rgb(28,148,253)
```
#35a0fd
```
#35a0fd rgb(53,160,253)
```
#4eacfd
```
#4eacfd rgb(78,172,253)
```
#68b8fe
```
#68b8fe rgb(104,184,254)
```
#81c4fe
```
#81c4fe rgb(129,196,254)
```

Monochromatic Color

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

#35d2fd
```
#35d2fd rgb(53,210,253)
```
#35c1fd
```
#35c1fd rgb(53,193,253)
```
#35b1fd
```
#35b1fd rgb(53,177,253)
```
#35a0fd
```
#35a0fd rgb(53,160,253)
```
#358ffd
```
#358ffd rgb(53,143,253)
```
#357ffd
```
#357ffd rgb(53,127,253)
```
#356efd
```
#356efd rgb(53,110,253)
```

Similar Colors

Text with hexadecimal color #35a0fd

This text has a font color of #35a0fd.

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

#35a0fd background color

This paragraph has a background color of #35a0fd.

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

#35a0fd border color

This element has a border color of #35a0fd.

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

CSS codes

.text {color:#35a0fd;}

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

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

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, #00060c is the darkest color, while #f7fbff is the lightest one.

#00060c
```
#00060c rgb(0,6,12)
```
#00111f
```
#00111f rgb(0,17,31)
```
#001b33
```
#001b33 rgb(0,27,51)
```
#012646
```
#012646 rgb(1,38,70)
```
#013059
```
#013059 rgb(1,48,89)
```
#013b6d
```
#013b6d rgb(1,59,109)
```
#014580
```
#014580 rgb(1,69,128)
```
#015094
```
#015094 rgb(1,80,148)
```
#025aa7
```
#025aa7 rgb(2,90,167)
```
#0265ba
```
#0265ba rgb(2,101,186)
```
#026fce
```
#026fce rgb(2,111,206)
```
#027ae1
```
#027ae1 rgb(2,122,225)
```
#0284f5
```
#0284f5 rgb(2,132,245)
```

Shade Color Variation

#0e8efd
```
#0e8efd rgb(14,142,253)
```
#2297fd
```
#2297fd rgb(34,151,253)
```
#35a0fd
```
#35a0fd rgb(53,160,253)
```
#48a9fd
```
#48a9fd rgb(72,169,253)
```
#5cb2fd
```
#5cb2fd rgb(92,178,253)
```
#6fbbfe
```
#6fbbfe rgb(111,187,254)
```
#83c5fe
```
#83c5fe rgb(131,197,254)
```
#96cefe
```
#96cefe rgb(150,206,254)
```
#aad7fe
```
#aad7fe rgb(170,215,254)
```
#bde0fe
```
#bde0fe rgb(189,224,254)
```
#d0e9ff
```
#d0e9ff rgb(208,233,255)
```
#e4f2ff
```
#e4f2ff rgb(228,242,255)
```
#f7fbff
```
#f7fbff rgb(247,251,255)
```

Tint Color Variation

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

#93999f
```
#93999f rgb(147,153,159)
```
#8b9aa7
```
#8b9aa7 rgb(139,154,167)
```
#839baf
```
#839baf rgb(131,155,175)
```
#7c9bb6
```
#7c9bb6 rgb(124,155,182)
```
#749cbe
```
#749cbe rgb(116,156,190)
```
#6c9cc6
```
#6c9cc6 rgb(108,156,198)
```
#649dce
```
#649dce rgb(100,157,206)
```
#5c9dd6
```
#5c9dd6 rgb(92,157,214)
```
#549ede
```
#549ede rgb(84,158,222)
```
#4d9ee5
```
#4d9ee5 rgb(77,158,229)
```
#459fed
```
#459fed rgb(69,159,237)
```
#3d9ff5
```
#3d9ff5 rgb(61,159,245)
```
#35a0fd
```
#35a0fd rgb(53,160,253)
```

Tone Color Variation

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

Dichromacy

#7a9df7 Protanopia 1% of men
#5ba1fe Deuteranopia 1% of men
#00b0bc Tritanopia 0.001% of the population

Trichromacy

#619ef9 Protanomaly 1% of men, 0.01% of women
#4da1fd Deuteranomaly 6% of men, 0.4% of women
#13aad3 Tritanomaly 0.01% of the population

#35a0fd hex color

#35a0fd Color Information

#35a0fd Color Conversion

Color Schemes with #35a0fd

Alternatives to #35a0fd

#35a0fd Preview

Shades and Tints of #35a0fd

Tones of #35a0fd

Color Blindness Simulator