#035af0 hex color

In a RGB color space, hex #035af0 is composed of 1.2% red, 35.3% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 62.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 218 degrees, a saturation of 97.5% and a lightness of 47.6%. #035af0 color hex could be obtained by blending #06b4ff with #0000e1. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 1
- G 35
- B 94
RGB color chart
- C 99
- M 63
- Y 0
- K 6
CMYK color chart

● #035af0 color description : Vivid blue.

The hexadecimal color #035af0 has RGB values of R:3, G:90, B:240 and CMYK values of C:0.99, M:0.63, Y:0, K:0.06. Its decimal value is 219888.

Hex triplet	035af0	`#035af0`
RGB Decimal	3, 90, 240	`rgb(3,90,240)`
RGB Percent	1.2, 35.3, 94.1	`rgb(1.2%,35.3%,94.1%)`
CMYK	99, 63, 0, 6
HSL	218°, 97.5, 47.6	`hsl(218,97.5%,47.6%)`
HSV (or HSB)	218°, 98.8, 94.1
Web Safe	0066ff	`#0066ff`

CIE-LAB	43.685, 37.223, -80.553
XYZ	19.419, 13.621, 84.039
xyY	0.166, 0.116, 13.621
CIE-LCH	43.685, 88.737, 294.801
CIE-LUV	43.685, -19.655, -119.664
Hunter-Lab	36.907, 29.33, -109.171
Binary	00000011, 01011010, 11110000

#035af0
```
#035af0 rgb(3,90,240)
```
#f09903
```
#f09903 rgb(240,153,3)
```

Complementary Color

#03d1f0
```
#03d1f0 rgb(3,209,240)
```
#035af0
```
#035af0 rgb(3,90,240)
```
#2303f0
```
#2303f0 rgb(35,3,240)
```

Analogous Color

#d1f003
```
#d1f003 rgb(209,240,3)
```
#035af0
```
#035af0 rgb(3,90,240)
```
#f02303
```
#f02303 rgb(240,35,3)
```

Split Complementary Color

#5af003
```
#5af003 rgb(90,240,3)
```
#035af0
```
#035af0 rgb(3,90,240)
```
#f0035a
```
#f0035a rgb(240,3,90)
```

Triadic Color

#03f099
```
#03f099 rgb(3,240,153)
```
#035af0
```
#035af0 rgb(3,90,240)
```
#f0035a
```
#f0035a rgb(240,3,90)
```
#f09903
```
#f09903 rgb(240,153,3)
```

Tetradic Color

#023ea4
```
#023ea4 rgb(2,62,164)
```
#0247be
```
#0247be rgb(2,71,190)
```
#0351d7
```
#0351d7 rgb(3,81,215)
```
#035af0
```
#035af0 rgb(3,90,240)
```
#1067fc
```
#1067fc rgb(16,103,252)
```
#2a77fc
```
#2a77fc rgb(42,119,252)
```
#4387fd
```
#4387fd rgb(67,135,253)
```

Monochromatic Color

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

#0395f0
```
#0395f0 rgb(3,149,240)
```
#0382f0
```
#0382f0 rgb(3,130,240)
```
#036ef0
```
#036ef0 rgb(3,110,240)
```
#035af0
```
#035af0 rgb(3,90,240)
```
#0346f0
```
#0346f0 rgb(3,70,240)
```
#0333f0
```
#0333f0 rgb(3,51,240)
```
#031ff0
```
#031ff0 rgb(3,31,240)
```

Similar Colors

Text with hexadecimal color #035af0

This text has a font color of #035af0.

<span style="color:#035af0;">Text here</span>

#035af0 background color

This paragraph has a background color of #035af0.

<p style="background-color:#035af0;">Content here</p>

#035af0 border color

This element has a border color of #035af0.

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

CSS codes

.text {color:#035af0;}

.background {background-color:#035af0;}

.border {border:1px solid #035af0;}

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

#000308
```
#000308 rgb(0,3,8)
```
#000a1b
```
#000a1b rgb(0,10,27)
```
#01112e
```
#01112e rgb(1,17,46)
```
#011942
```
#011942 rgb(1,25,66)
```
#012055
```
#012055 rgb(1,32,85)
```
#012768
```
#012768 rgb(1,39,104)
```
#022e7c
```
#022e7c rgb(2,46,124)
```
#02368f
```
#02368f rgb(2,54,143)
```
#023da3
```
#023da3 rgb(2,61,163)
```
#0244b6
```
#0244b6 rgb(2,68,182)
```
#034bc9
```
#034bc9 rgb(3,75,201)
```
#0353dd
```
#0353dd rgb(3,83,221)
```
#035af0
```
#035af0 rgb(3,90,240)
```

Shade Color Variation

#0b63fc
```
#0b63fc rgb(11,99,252)
```
#1e70fc
```
#1e70fc rgb(30,112,252)
```
#317cfc
```
#317cfc rgb(49,124,252)
```
#4588fd
```
#4588fd rgb(69,136,253)
```
#5895fd
```
#5895fd rgb(88,149,253)
```
#6ca1fd
```
#6ca1fd rgb(108,161,253)
```
#7fadfd
```
#7fadfd rgb(127,173,253)
```
#92bafe
```
#92bafe rgb(146,186,254)
```
#a6c6fe
```
#a6c6fe rgb(166,198,254)
```
#b9d2fe
```
#b9d2fe rgb(185,210,254)
```
#ccdffe
```
#ccdffe rgb(204,223,254)
```
#e0ebff
```
#e0ebff rgb(224,235,255)
```
#f3f7ff
```
#f3f7ff rgb(243,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737880 is the less saturated color, while #035af0 is the most saturated one.

#737880
```
#737880 rgb(115,120,128)
```
#6a7589
```
#6a7589 rgb(106,117,137)
```
#607393
```
#607393 rgb(96,115,147)
```
#57709c
```
#57709c rgb(87,112,156)
```
#4e6ea5
```
#4e6ea5 rgb(78,110,165)
```
#446baf
```
#446baf rgb(68,107,175)
```
#3b69b8
```
#3b69b8 rgb(59,105,184)
```
#3266c1
```
#3266c1 rgb(50,102,193)
```
#2864cb
```
#2864cb rgb(40,100,203)
```
#1f61d4
```
#1f61d4 rgb(31,97,212)
```
#165fdd
```
#165fdd rgb(22,95,221)
```
#0c5ce7
```
#0c5ce7 rgb(12,92,231)
```
#035af0
```
#035af0 rgb(3,90,240)
```

Tone Color Variation

Below, you can see how #035af0 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

#515151 Achromatopsia 0.005% of the population
#415371 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0072b6 Deuteranopia 1% of men
#007a80 Tritanopia 0.001% of the population

Trichromacy

#0165dd Protanomaly 1% of men, 0.01% of women
#0169cb Deuteranomaly 6% of men, 0.4% of women
#016ea8 Tritanomaly 0.01% of the population

#035af0 hex color

#035af0 Color Information

#035af0 Color Conversion

Color Schemes with #035af0

Alternatives to #035af0

#035af0 Preview

Shades and Tints of #035af0

Tones of #035af0

Color Blindness Simulator