#062cff hex color

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

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

● #062cff color description : Vivid blue.

The hexadecimal color #062cff has RGB values of R:6, G:44, B:255 and CMYK values of C:0.98, M:0.83, Y:0, K:0. Its decimal value is 404735.

Hex triplet	062cff	`#062cff`
RGB Decimal	6, 44, 255	`rgb(6,44,255)`
RGB Percent	2.4, 17.3, 100	`rgb(2.4%,17.3%,100%)`
CMYK	98, 83, 0, 0
HSL	230.8°, 100, 51.2	`hsl(230.8,100%,51.2%)`
HSV (or HSB)	230.8°, 97.6, 100
Web Safe	0033ff	`#0033ff`

CIE-LAB	36.097, 67.912, -101.522
XYZ	19.022, 9.059, 95.348
xyY	0.154, 0.073, 9.059
CIE-LCH	36.097, 122.142, 303.78
CIE-LUV	36.097, -11.864, -133.009
Hunter-Lab	30.097, 60.145, -166.762
Binary	00000110, 00101100, 11111111

#062cff
```
#062cff rgb(6,44,255)
```
#ffd906
```
#ffd906 rgb(255,217,6)
```

Complementary Color

#06a9ff
```
#06a9ff rgb(6,169,255)
```
#062cff
```
#062cff rgb(6,44,255)
```
#5c06ff
```
#5c06ff rgb(92,6,255)
```

Analogous Color

#a9ff06
```
#a9ff06 rgb(169,255,6)
```
#062cff
```
#062cff rgb(6,44,255)
```
#ff5c06
```
#ff5c06 rgb(255,92,6)
```

Split Complementary Color

#2cff06
```
#2cff06 rgb(44,255,6)
```
#062cff
```
#062cff rgb(6,44,255)
```
#ff062c
```
#ff062c rgb(255,6,44)
```

Triadic Color

#06ffd9
```
#06ffd9 rgb(6,255,217)
```
#062cff
```
#062cff rgb(6,44,255)
```
#ff062c
```
#ff062c rgb(255,6,44)
```
#ffd906
```
#ffd906 rgb(255,217,6)
```

Tetradic Color

#001cb9
```
#001cb9 rgb(0,28,185)
```
#0020d2
```
#0020d2 rgb(0,32,210)
```
#0024ec
```
#0024ec rgb(0,36,236)
```
#062cff
```
#062cff rgb(6,44,255)
```
#2042ff
```
#2042ff rgb(32,66,255)
```
#3957ff
```
#3957ff rgb(57,87,255)
```
#536dff
```
#536dff rgb(83,109,255)
```

Monochromatic Color

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

#066aff
```
#066aff rgb(6,106,255)
```
#0656ff
```
#0656ff rgb(6,86,255)
```
#0641ff
```
#0641ff rgb(6,65,255)
```
#062cff
```
#062cff rgb(6,44,255)
```
#0617ff
```
#0617ff rgb(6,23,255)
```
#0906ff
```
#0906ff rgb(9,6,255)
```
#1e06ff
```
#1e06ff rgb(30,6,255)
```

Similar Colors

Text with hexadecimal color #062cff

This text has a font color of #062cff.

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

#062cff background color

This paragraph has a background color of #062cff.

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

#062cff border color

This element has a border color of #062cff.

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

CSS codes

.text {color:#062cff;}

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

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

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 #f1f3ff 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)
```
#0019a3
```
#0019a3 rgb(0,25,163)
```
#001cb7
```
#001cb7 rgb(0,28,183)
```
#001fca
```
#001fca rgb(0,31,202)
```
#0022de
```
#0022de rgb(0,34,222)
```
#0025f1
```
#0025f1 rgb(0,37,241)
```

Shade Color Variation

#062cff
```
#062cff rgb(6,44,255)
```
#1a3dff
```
#1a3dff rgb(26,61,255)
```
#2d4dff
```
#2d4dff rgb(45,77,255)
```
#415eff
```
#415eff rgb(65,94,255)
```
#546eff
```
#546eff rgb(84,110,255)
```
#687fff
```
#687fff rgb(104,127,255)
```
#7c90ff
```
#7c90ff rgb(124,144,255)
```
#8fa0ff
```
#8fa0ff rgb(143,160,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)
```
#f1f3ff
```
#f1f3ff rgb(241,243,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 #062cff 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)
```
#5361b2
```
#5361b2 rgb(83,97,178)
```
#495bbc
```
#495bbc rgb(73,91,188)
```
#3f54c6
```
#3f54c6 rgb(63,84,198)
```
#364dcf
```
#364dcf rgb(54,77,207)
```
#2c47d9
```
#2c47d9 rgb(44,71,217)
```
#2340e2
```
#2340e2 rgb(35,64,226)
```
#1939ec
```
#1939ec rgb(25,57,236)
```
#1033f5
```
#1033f5 rgb(16,51,245)
```
#062cff
```
#062cff rgb(6,44,255)
```

Tone Color Variation

Below, you can see how #062cff 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
#2f3661 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb0 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
#024dbd Deuteranomaly 6% of men, 0.4% of women
#0251a0 Tritanomaly 0.01% of the population

#062cff hex color

#062cff Color Information

#062cff Color Conversion

Color Schemes with #062cff

Alternatives to #062cff

#062cff Preview

Shades and Tints of #062cff

Tones of #062cff

Color Blindness Simulator