#062dff hex color

In a RGB color space, hex #062dff is composed of 2.4% red, 17.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 82.4% magenta, 0% yellow and 0% black. It has a hue angle of 230.6 degrees, a saturation of 100% and a lightness of 51.2%. #062dff color hex could be obtained by blending #0c5aff with #0000ff. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 2
- G 18
- B 100
RGB color chart
- C 98
- M 82
- Y 0
- K 0
CMYK color chart

● #062dff color description : Vivid blue.

The hexadecimal color #062dff has RGB values of R:6, G:45, B:255 and CMYK values of C:0.98, M:0.82, Y:0, K:0. Its decimal value is 404991.

Hex triplet	062dff	`#062dff`
RGB Decimal	6, 45, 255	`rgb(6,45,255)`
RGB Percent	2.4, 17.6, 100	`rgb(2.4%,17.6%,100%)`
CMYK	98, 82, 0, 0
HSL	230.6°, 100, 51.2	`hsl(230.6,100%,51.2%)`
HSV (or HSB)	230.6°, 97.6, 100
Web Safe	0033ff	`#0033ff`

CIE-LAB	36.241, 67.484, -101.281
XYZ	19.06, 9.134, 95.361
xyY	0.154, 0.074, 9.134
CIE-LCH	36.241, 121.705, 303.675
CIE-LUV	36.241, -11.972, -133.055
Hunter-Lab	30.222, 59.682, -165.922
Binary	00000110, 00101101, 11111111

#062dff
```
#062dff rgb(6,45,255)
```
#ffd806
```
#ffd806 rgb(255,216,6)
```

Complementary Color

#06aaff
```
#06aaff rgb(6,170,255)
```
#062dff
```
#062dff rgb(6,45,255)
```
#5b06ff
```
#5b06ff rgb(91,6,255)
```

Analogous Color

#aaff06
```
#aaff06 rgb(170,255,6)
```
#062dff
```
#062dff rgb(6,45,255)
```
#ff5b06
```
#ff5b06 rgb(255,91,6)
```

Split Complementary Color

#2dff06
```
#2dff06 rgb(45,255,6)
```
#062dff
```
#062dff rgb(6,45,255)
```
#ff062d
```
#ff062d rgb(255,6,45)
```

Triadic Color

#06ffd8
```
#06ffd8 rgb(6,255,216)
```
#062dff
```
#062dff rgb(6,45,255)
```
#ff062d
```
#ff062d rgb(255,6,45)
```
#ffd806
```
#ffd806 rgb(255,216,6)
```

Tetradic Color

#001db9
```
#001db9 rgb(0,29,185)
```
#0021d2
```
#0021d2 rgb(0,33,210)
```
#0025ec
```
#0025ec rgb(0,37,236)
```
#062dff
```
#062dff rgb(6,45,255)
```
#2043ff
```
#2043ff rgb(32,67,255)
```
#3958ff
```
#3958ff rgb(57,88,255)
```
#536eff
```
#536eff rgb(83,110,255)
```

Monochromatic Color

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

#066bff
```
#066bff rgb(6,107,255)
```
#0657ff
```
#0657ff rgb(6,87,255)
```
#0642ff
```
#0642ff rgb(6,66,255)
```
#062dff
```
#062dff rgb(6,45,255)
```
#0618ff
```
#0618ff rgb(6,24,255)
```
#0806ff
```
#0806ff rgb(8,6,255)
```
#1d06ff
```
#1d06ff rgb(29,6,255)
```

Similar Colors

Text with hexadecimal color #062dff

This text has a font color of #062dff.

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

#062dff background color

This paragraph has a background color of #062dff.

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

#062dff border color

This element has a border color of #062dff.

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

CSS codes

.text {color:#062dff;}

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

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

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

#000106
```
#000106 rgb(0,1,6)
```
#00041a
```
#00041a rgb(0,4,26)
```
#00072d
```
#00072d rgb(0,7,45)
```
#000a41
```
#000a41 rgb(0,10,65)
```
#000d54
```
#000d54 rgb(0,13,84)
```
#001068
```
#001068 rgb(0,16,104)
```
#00137c
```
#00137c rgb(0,19,124)
```
#00168f
```
#00168f rgb(0,22,143)
```
#001aa3
```
#001aa3 rgb(0,26,163)
```
#001db7
```
#001db7 rgb(0,29,183)
```
#0020ca
```
#0020ca rgb(0,32,202)
```
#0023de
```
#0023de rgb(0,35,222)
```
#0026f1
```
#0026f1 rgb(0,38,241)
```

Shade Color Variation

#062dff
```
#062dff rgb(6,45,255)
```
#1a3eff
```
#1a3eff rgb(26,62,255)
```
#2d4eff
```
#2d4eff rgb(45,78,255)
```
#415fff
```
#415fff rgb(65,95,255)
```
#546fff
```
#546fff rgb(84,111,255)
```
#6880ff
```
#6880ff rgb(104,128,255)
```
#7c90ff
```
#7c90ff rgb(124,144,255)
```
#8fa1ff
```
#8fa1ff rgb(143,161,255)
```
#a3b1ff
```
#a3b1ff rgb(163,177,255)
```
#b7c2ff
```
#b7c2ff rgb(183,194,255)
```
#cad2ff
```
#cad2ff rgb(202,210,255)
```
#dee3ff
```
#dee3ff rgb(222,227,255)
```
#f1f4ff
```
#f1f4ff rgb(241,244,255)
```

Tint Color Variation

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

#797c8c
```
#797c8c rgb(121,124,140)
```
#6f7596
```
#6f7596 rgb(111,117,150)
```
#666f9f
```
#666f9f rgb(102,111,159)
```
#5c68a9
```
#5c68a9 rgb(92,104,169)
```
#5362b2
```
#5362b2 rgb(83,98,178)
```
#495bbc
```
#495bbc rgb(73,91,188)
```
#3f54c6
```
#3f54c6 rgb(63,84,198)
```
#364ecf
```
#364ecf rgb(54,78,207)
```
#2c47d9
```
#2c47d9 rgb(44,71,217)
```
#2341e2
```
#2341e2 rgb(35,65,226)
```
#193aec
```
#193aec rgb(25,58,236)
```
#1034f5
```
#1034f5 rgb(16,52,245)
```
#062dff
```
#062dff rgb(6,45,255)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#2f3761 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb1 Protanopia 1% of men
#006098 Deuteranopia 1% of men
#00676b Tritanopia 0.001% of the population

Trichromacy

#024acd Protanomaly 1% of men, 0.01% of women
#024ebe Deuteranomaly 6% of men, 0.4% of women
#0252a1 Tritanomaly 0.01% of the population

#062dff hex color

#062dff Color Information

#062dff Color Conversion

Color Schemes with #062dff

Alternatives to #062dff

#062dff Preview

Shades and Tints of #062dff

Tones of #062dff

Color Blindness Simulator