#062be2 hex color

In a RGB color space, hex #062be2 is composed of 2.4% red, 16.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 97.3% cyan, 81% magenta, 0% yellow and 11.4% black. It has a hue angle of 229.9 degrees, a saturation of 94.8% and a lightness of 45.5%. #062be2 color hex could be obtained by blending #0c56ff with #0000c5. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 2
- G 17
- B 89
RGB color chart
- C 97
- M 81
- Y 0
- K 11
CMYK color chart

● #062be2 color description : Vivid blue.

The hexadecimal color #062be2 has RGB values of R:6, G:43, B:226 and CMYK values of C:0.97, M:0.81, Y:0, K:0.11. Its decimal value is 404450.

Hex triplet	062be2	`#062be2`
RGB Decimal	6, 43, 226	`rgb(6,43,226)`
RGB Percent	2.4, 16.9, 88.6	`rgb(2.4%,16.9%,88.6%)`
CMYK	97, 81, 0, 11
HSL	229.9°, 94.8, 45.5	`hsl(229.9,94.8%,45.5%)`
HSV (or HSB)	229.9°, 97.3, 88.6
Web Safe	0033cc	`#0033cc`

CIE-LAB	32.383, 59.618, -91.286
XYZ	14.664, 7.256, 72.575
xyY	0.155, 0.077, 7.256
CIE-LCH	32.383, 109.029, 303.148
CIE-LUV	32.383, -10.924, -116.592
Hunter-Lab	26.937, 50.028, -140.883
Binary	00000110, 00101011, 11100010

#062be2
```
#062be2 rgb(6,43,226)
```
#e2bd06
```
#e2bd06 rgb(226,189,6)
```

Complementary Color

#0699e2
```
#0699e2 rgb(6,153,226)
```
#062be2
```
#062be2 rgb(6,43,226)
```
#4f06e2
```
#4f06e2 rgb(79,6,226)
```

Analogous Color

#99e206
```
#99e206 rgb(153,226,6)
```
#062be2
```
#062be2 rgb(6,43,226)
```
#e24f06
```
#e24f06 rgb(226,79,6)
```

Split Complementary Color

#2be206
```
#2be206 rgb(43,226,6)
```
#062be2
```
#062be2 rgb(6,43,226)
```
#e2062b
```
#e2062b rgb(226,6,43)
```

Triadic Color

#06e2bd
```
#06e2bd rgb(6,226,189)
```
#062be2
```
#062be2 rgb(6,43,226)
```
#e2062b
```
#e2062b rgb(226,6,43)
```
#e2bd06
```
#e2bd06 rgb(226,189,6)
```

Tetradic Color

#041d97
```
#041d97 rgb(4,29,151)
```
#0522b0
```
#0522b0 rgb(5,34,176)
```
#0526c9
```
#0526c9 rgb(5,38,201)
```
#062be2
```
#062be2 rgb(6,43,226)
```
#0931f8
```
#0931f8 rgb(9,49,248)
```
#2246f9
```
#2246f9 rgb(34,70,249)
```
#3b5bfa
```
#3b5bfa rgb(59,91,250)
```

Monochromatic Color

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

#0662e2
```
#0662e2 rgb(6,98,226)
```
#0650e2
```
#0650e2 rgb(6,80,226)
```
#063de2
```
#063de2 rgb(6,61,226)
```
#062be2
```
#062be2 rgb(6,43,226)
```
#0619e2
```
#0619e2 rgb(6,25,226)
```
#0606e2
```
#0606e2 rgb(6,6,226)
```
#1806e2
```
#1806e2 rgb(24,6,226)
```

Similar Colors

Text with hexadecimal color #062be2

This text has a font color of #062be2.

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

#062be2 background color

This paragraph has a background color of #062be2.

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

#062be2 border color

This element has a border color of #062be2.

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

CSS codes

.text {color:#062be2;}

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

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

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

#000310
```
#000310 rgb(0,3,16)
```
#010723
```
#010723 rgb(1,7,35)
```
#010a36
```
#010a36 rgb(1,10,54)
```
#020e49
```
#020e49 rgb(2,14,73)
```
#02125c
```
#02125c rgb(2,18,92)
```
#03156f
```
#03156f rgb(3,21,111)
```
#031982
```
#031982 rgb(3,25,130)
```
#041c96
```
#041c96 rgb(4,28,150)
```
#0420a9
```
#0420a9 rgb(4,32,169)
```
#0524bc
```
#0524bc rgb(5,36,188)
```
#0527cf
```
#0527cf rgb(5,39,207)
```
#062be2
```
#062be2 rgb(6,43,226)
```
#072ff5
```
#072ff5 rgb(7,47,245)
```

Shade Color Variation

#163cf9
```
#163cf9 rgb(22,60,249)
```
#2a4cf9
```
#2a4cf9 rgb(42,76,249)
```
#3d5cfa
```
#3d5cfa rgb(61,92,250)
```
#506cfa
```
#506cfa rgb(80,108,250)
```
#637cfb
```
#637cfb rgb(99,124,251)
```
#768cfb
```
#768cfb rgb(118,140,251)
```
#899cfc
```
#899cfc rgb(137,156,252)
```
#9cacfc
```
#9cacfc rgb(156,172,252)
```
#afbcfd
```
#afbcfd rgb(175,188,253)
```
#c2ccfd
```
#c2ccfd rgb(194,204,253)
```
#d5dcfe
```
#d5dcfe rgb(213,220,254)
```
#e9ecfe
```
#e9ecfe rgb(233,236,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#717277
```
#717277 rgb(113,114,119)
```
#686c80
```
#686c80 rgb(104,108,128)
```
#5f6689
```
#5f6689 rgb(95,102,137)
```
#566092
```
#566092 rgb(86,96,146)
```
#4d5a9b
```
#4d5a9b rgb(77,90,155)
```
#4454a4
```
#4454a4 rgb(68,84,164)
```
#3c4fac
```
#3c4fac rgb(60,79,172)
```
#3349b5
```
#3349b5 rgb(51,73,181)
```
#2a43be
```
#2a43be rgb(42,67,190)
```
#213dc7
```
#213dc7 rgb(33,61,199)
```
#1837d0
```
#1837d0 rgb(24,55,208)
```
#0f31d9
```
#0f31d9 rgb(15,49,217)
```
#062be2
```
#062be2 rgb(6,43,226)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#2c3358 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a1 Protanopia 1% of men
#00588b Deuteranopia 1% of men
#005e61 Tritanopia 0.001% of the population

Trichromacy

#0244b8 Protanomaly 1% of men, 0.01% of women
#0247aa Deuteranomaly 6% of men, 0.4% of women
#024b90 Tritanomaly 0.01% of the population

#062be2 hex color

#062be2 Color Information

#062be2 Color Conversion

Color Schemes with #062be2

Alternatives to #062be2

#062be2 Preview

Shades and Tints of #062be2

Tones of #062be2

Color Blindness Simulator