#062af0 hex color

In a RGB color space, hex #062af0 is composed of 2.4% red, 16.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 82.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 230.8 degrees, a saturation of 95.1% and a lightness of 48.2%. #062af0 color hex could be obtained by blending #0c54ff with #0000e1. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 2
- G 16
- B 94
RGB color chart
- C 98
- M 83
- Y 0
- K 6
CMYK color chart

● #062af0 color description : Vivid blue.

The hexadecimal color #062af0 has RGB values of R:6, G:42, B:240 and CMYK values of C:0.98, M:0.83, Y:0, K:0.06. Its decimal value is 404208.

Hex triplet	062af0	`#062af0`
RGB Decimal	6, 42, 240	`rgb(6,42,240)`
RGB Percent	2.4, 16.5, 94.1	`rgb(2.4%,16.5%,94.1%)`
CMYK	98, 83, 0, 6
HSL	230.8°, 95.1, 48.2	`hsl(230.8,95.1%,48.2%)`
HSV (or HSB)	230.8°, 97.5, 94.1
Web Safe	0033ff	`#0033ff`

CIE-LAB	33.951, 64.338, -96.649
XYZ	16.628, 7.985, 83.098
xyY	0.154, 0.074, 7.985
CIE-LCH	33.951, 116.105, 303.651
CIE-LUV	33.951, -11.206, -124.471
Hunter-Lab	28.257, 55.59, -154.58
Binary	00000110, 00101010, 11110000

#062af0
```
#062af0 rgb(6,42,240)
```
#f0cc06
```
#f0cc06 rgb(240,204,6)
```

Complementary Color

#069ff0
```
#069ff0 rgb(6,159,240)
```
#062af0
```
#062af0 rgb(6,42,240)
```
#5706f0
```
#5706f0 rgb(87,6,240)
```

Analogous Color

#9ff006
```
#9ff006 rgb(159,240,6)
```
#062af0
```
#062af0 rgb(6,42,240)
```
#f05706
```
#f05706 rgb(240,87,6)
```

Split Complementary Color

#2af006
```
#2af006 rgb(42,240,6)
```
#062af0
```
#062af0 rgb(6,42,240)
```
#f0062a
```
#f0062a rgb(240,6,42)
```

Triadic Color

#06f0cc
```
#06f0cc rgb(6,240,204)
```
#062af0
```
#062af0 rgb(6,42,240)
```
#f0062a
```
#f0062a rgb(240,6,42)
```
#f0cc06
```
#f0cc06 rgb(240,204,6)
```

Tetradic Color

#041da5
```
#041da5 rgb(4,29,165)
```
#0521be
```
#0521be rgb(5,33,190)
```
#0526d7
```
#0526d7 rgb(5,38,215)
```
#062af0
```
#062af0 rgb(6,42,240)
```
#1639f9
```
#1639f9 rgb(22,57,249)
```
#2f4efa
```
#2f4efa rgb(47,78,250)
```
#4864fa
```
#4864fa rgb(72,100,250)
```

Monochromatic Color

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

#0665f0
```
#0665f0 rgb(6,101,240)
```
#0651f0
```
#0651f0 rgb(6,81,240)
```
#063df0
```
#063df0 rgb(6,61,240)
```
#062af0
```
#062af0 rgb(6,42,240)
```
#0616f0
```
#0616f0 rgb(6,22,240)
```
#0906f0
```
#0906f0 rgb(9,6,240)
```
#1d06f0
```
#1d06f0 rgb(29,6,240)
```

Similar Colors

Text with hexadecimal color #062af0

This text has a font color of #062af0.

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

#062af0 background color

This paragraph has a background color of #062af0.

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

#062af0 border color

This element has a border color of #062af0.

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

CSS codes

.text {color:#062af0;}

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

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

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, #00020a is the darkest color, while #f6f8ff is the lightest one.

#00020a
```
#00020a rgb(0,2,10)
```
#01051d
```
#01051d rgb(1,5,29)
```
#010931
```
#010931 rgb(1,9,49)
```
#020c44
```
#020c44 rgb(2,12,68)
```
#020f57
```
#020f57 rgb(2,15,87)
```
#03136a
```
#03136a rgb(3,19,106)
```
#03167d
```
#03167d rgb(3,22,125)
```
#041990
```
#041990 rgb(4,25,144)
```
#041da3
```
#041da3 rgb(4,29,163)
```
#0520b7
```
#0520b7 rgb(5,32,183)
```
#0523ca
```
#0523ca rgb(5,35,202)
```
#0627dd
```
#0627dd rgb(6,39,221)
```
#062af0
```
#062af0 rgb(6,42,240)
```

Shade Color Variation

#1134f9
```
#1134f9 rgb(17,52,249)
```
#2445fa
```
#2445fa rgb(36,69,250)
```
#3755fa
```
#3755fa rgb(55,85,250)
```
#4a65fa
```
#4a65fa rgb(74,101,250)
```
#5d75fb
```
#5d75fb rgb(93,117,251)
```
#7086fb
```
#7086fb rgb(112,134,251)
```
#8396fc
```
#8396fc rgb(131,150,252)
```
#97a6fc
```
#97a6fc rgb(151,166,252)
```
#aab6fd
```
#aab6fd rgb(170,182,253)
```
#bdc7fd
```
#bdc7fd rgb(189,199,253)
```
#d0d7fe
```
#d0d7fe rgb(208,215,254)
```
#e3e7fe
```
#e3e7fe rgb(227,231,254)
```
#f6f8ff
```
#f6f8ff rgb(246,248,255)
```

Tint Color Variation

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

#78797e
```
#78797e rgb(120,121,126)
```
#6e7288
```
#6e7288 rgb(110,114,136)
```
#656c91
```
#656c91 rgb(101,108,145)
```
#5b659b
```
#5b659b rgb(91,101,155)
```
#525ea4
```
#525ea4 rgb(82,94,164)
```
#4858ae
```
#4858ae rgb(72,88,174)
```
#3f51b7
```
#3f51b7 rgb(63,81,183)
```
#354bc1
```
#354bc1 rgb(53,75,193)
```
#2c44ca
```
#2c44ca rgb(44,68,202)
```
#223ed4
```
#223ed4 rgb(34,62,212)
```
#1937dd
```
#1937dd rgb(25,55,221)
```
#0f31e7
```
#0f31e7 rgb(15,49,231)
```
#062af0
```
#062af0 rgb(6,42,240)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#2c345b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a7 Protanopia 1% of men
#005b90 Deuteranopia 1% of men
#006165 Tritanopia 0.001% of the population

Trichromacy

#0246c2 Protanomaly 1% of men, 0.01% of women
#0249b3 Deuteranomaly 6% of men, 0.4% of women
#024d98 Tritanomaly 0.01% of the population

#062af0 hex color

#062af0 Color Information

#062af0 Color Conversion

Color Schemes with #062af0

Alternatives to #062af0

#062af0 Preview

Shades and Tints of #062af0

Tones of #062af0

Color Blindness Simulator