#062af7 hex color

In a RGB color space, hex #062af7 is composed of 2.4% red, 16.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 83% magenta, 0% yellow and 3.1% black. It has a hue angle of 231 degrees, a saturation of 95.3% and a lightness of 49.6%. #062af7 color hex could be obtained by blending #0c54ff with #0000ef. Closest websafe color is: #0033ff.

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

● #062af7 color description : Vivid blue.

The hexadecimal color #062af7 has RGB values of R:6, G:42, B:247 and CMYK values of C:0.98, M:0.83, Y:0, K:0.03. Its decimal value is 404215.

Hex triplet	062af7	`#062af7`
RGB Decimal	6, 42, 247	`rgb(6,42,247)`
RGB Percent	2.4, 16.5, 96.9	`rgb(2.4%,16.5%,96.9%)`
CMYK	98, 83, 0, 3
HSL	231°, 95.3, 49.6	`hsl(231,95.3%,49.6%)`
HSV (or HSB)	231°, 97.6, 96.9
Web Safe	0033ff	`#0033ff`

CIE-LAB	34.82, 66.413, -99.155
XYZ	17.688, 8.409, 88.681
xyY	0.154, 0.073, 8.409
CIE-LCH	34.82, 119.342, 303.814
CIE-LUV	34.82, -11.413, -128.416
Hunter-Lab	28.998, 58.137, -161.024
Binary	00000110, 00101010, 11110111

#062af7
```
#062af7 rgb(6,42,247)
```
#f7d306
```
#f7d306 rgb(247,211,6)
```

Complementary Color

#06a3f7
```
#06a3f7 rgb(6,163,247)
```
#062af7
```
#062af7 rgb(6,42,247)
```
#5a06f7
```
#5a06f7 rgb(90,6,247)
```

Analogous Color

#a3f706
```
#a3f706 rgb(163,247,6)
```
#062af7
```
#062af7 rgb(6,42,247)
```
#f75a06
```
#f75a06 rgb(247,90,6)
```

Split Complementary Color

#2af706
```
#2af706 rgb(42,247,6)
```
#062af7
```
#062af7 rgb(6,42,247)
```
#f7062a
```
#f7062a rgb(247,6,42)
```

Triadic Color

#06f7d3
```
#06f7d3 rgb(6,247,211)
```
#062af7
```
#062af7 rgb(6,42,247)
```
#f7062a
```
#f7062a rgb(247,6,42)
```
#f7d306
```
#f7d306 rgb(247,211,6)
```

Tetradic Color

#041dac
```
#041dac rgb(4,29,172)
```
#0522c5
```
#0522c5 rgb(5,34,197)
```
#0526de
```
#0526de rgb(5,38,222)
```
#062af7
```
#062af7 rgb(6,42,247)
```
#1d3efa
```
#1d3efa rgb(29,62,250)
```
#3653fa
```
#3653fa rgb(54,83,250)
```
#4f68fb
```
#4f68fb rgb(79,104,251)
```

Monochromatic Color

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

#0666f7
```
#0666f7 rgb(6,102,247)
```
#0652f7
```
#0652f7 rgb(6,82,247)
```
#063ef7
```
#063ef7 rgb(6,62,247)
```
#062af7
```
#062af7 rgb(6,42,247)
```
#0616f7
```
#0616f7 rgb(6,22,247)
```
#0a06f7
```
#0a06f7 rgb(10,6,247)
```
#1e06f7
```
#1e06f7 rgb(30,6,247)
```

Similar Colors

Text with hexadecimal color #062af7

This text has a font color of #062af7.

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

#062af7 background color

This paragraph has a background color of #062af7.

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

#062af7 border color

This element has a border color of #062af7.

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

CSS codes

.text {color:#062af7;}

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

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

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

#000311
```
#000311 rgb(0,3,17)
```
#010624
```
#010624 rgb(1,6,36)
```
#010937
```
#010937 rgb(1,9,55)
```
#020d4b
```
#020d4b rgb(2,13,75)
```
#02105e
```
#02105e rgb(2,16,94)
```
#031371
```
#031371 rgb(3,19,113)
```
#031684
```
#031684 rgb(3,22,132)
```
#041a97
```
#041a97 rgb(4,26,151)
```
#041daa
```
#041daa rgb(4,29,170)
```
#0520be
```
#0520be rgb(5,32,190)
```
#0523d1
```
#0523d1 rgb(5,35,209)
```
#0627e4
```
#0627e4 rgb(6,39,228)
```
#062af7
```
#062af7 rgb(6,42,247)
```

Shade Color Variation

#1739f9
```
#1739f9 rgb(23,57,249)
```
#2a49fa
```
#2a49fa rgb(42,73,250)
```
#3e5afa
```
#3e5afa rgb(62,90,250)
```
#516afb
```
#516afb rgb(81,106,251)
```
#647afb
```
#647afb rgb(100,122,251)
```
#778bfc
```
#778bfc rgb(119,139,252)
```
#8a9bfc
```
#8a9bfc rgb(138,155,252)
```
#9dacfd
```
#9dacfd rgb(157,172,253)
```
#b0bcfd
```
#b0bcfd rgb(176,188,253)
```
#c4ccfe
```
#c4ccfe rgb(196,204,254)
```
#d7ddfe
```
#d7ddfe rgb(215,221,254)
```
#eaedfe
```
#eaedfe rgb(234,237,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#7b7c82
```
#7b7c82 rgb(123,124,130)
```
#71758c
```
#71758c rgb(113,117,140)
```
#676e96
```
#676e96 rgb(103,110,150)
```
#5e679f
```
#5e679f rgb(94,103,159)
```
#5461a9
```
#5461a9 rgb(84,97,169)
```
#4a5ab3
```
#4a5ab3 rgb(74,90,179)
```
#4053bd
```
#4053bd rgb(64,83,189)
```
#374cc6
```
#374cc6 rgb(55,76,198)
```
#2d45d0
```
#2d45d0 rgb(45,69,208)
```
#233eda
```
#233eda rgb(35,62,218)
```
#1938e4
```
#1938e4 rgb(25,56,228)
```
#1031ed
```
#1031ed rgb(16,49,237)
```
#062af7
```
#062af7 rgb(6,42,247)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#2d345d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d93 Deuteranopia 1% of men
#006468 Tritanopia 0.001% of the population

Trichromacy

#0247c6 Protanomaly 1% of men, 0.01% of women
#024ab7 Deuteranomaly 6% of men, 0.4% of women
#024e9c Tritanomaly 0.01% of the population

#062af7 hex color

#062af7 Color Information

#062af7 Color Conversion

Color Schemes with #062af7

Alternatives to #062af7

#062af7 Preview

Shades and Tints of #062af7

Tones of #062af7

Color Blindness Simulator