#060fe2 hex color

In a RGB color space, hex #060fe2 is composed of 2.4% red, 5.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 97.3% cyan, 93.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 237.5 degrees, a saturation of 94.8% and a lightness of 45.5%. #060fe2 color hex could be obtained by blending #0c1eff with #0000c5. Closest websafe color is: #0000cc.

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

● #060fe2 color description : Vivid blue.

The hexadecimal color #060fe2 has RGB values of R:6, G:15, B:226 and CMYK values of C:0.97, M:0.93, Y:0, K:0.11. Its decimal value is 397282.

Hex triplet	060fe2	`#060fe2`
RGB Decimal	6, 15, 226	`rgb(6,15,226)`
RGB Percent	2.4, 5.9, 88.6	`rgb(2.4%,5.9%,88.6%)`
CMYK	97, 93, 0, 11
HSL	237.5°, 94.8, 45.5	`hsl(237.5,94.8%,45.5%)`
HSV (or HSB)	237.5°, 97.3, 88.6
Web Safe	0000cc	`#0000cc`

CIE-LAB	29.083, 69.552, -96.791
XYZ	13.971, 5.87, 72.344
xyY	0.152, 0.064, 5.87
CIE-LCH	29.083, 119.188, 305.7
CIE-LUV	29.083, -8.579, -114.461
Hunter-Lab	24.229, 60.526, -160.074
Binary	00000110, 00001111, 11100010

#060fe2
```
#060fe2 rgb(6,15,226)
```
#e2d906
```
#e2d906 rgb(226,217,6)
```

Complementary Color

#067de2
```
#067de2 rgb(6,125,226)
```
#060fe2
```
#060fe2 rgb(6,15,226)
```
#6b06e2
```
#6b06e2 rgb(107,6,226)
```

Analogous Color

#7de206
```
#7de206 rgb(125,226,6)
```
#060fe2
```
#060fe2 rgb(6,15,226)
```
#e26b06
```
#e26b06 rgb(226,107,6)
```

Split Complementary Color

#0fe206
```
#0fe206 rgb(15,226,6)
```
#060fe2
```
#060fe2 rgb(6,15,226)
```
#e2060f
```
#e2060f rgb(226,6,15)
```

Triadic Color

#06e2d9
```
#06e2d9 rgb(6,226,217)
```
#060fe2
```
#060fe2 rgb(6,15,226)
```
#e2060f
```
#e2060f rgb(226,6,15)
```
#e2d906
```
#e2d906 rgb(226,217,6)
```

Tetradic Color

#040a97
```
#040a97 rgb(4,10,151)
```
#050cb0
```
#050cb0 rgb(5,12,176)
```
#050dc9
```
#050dc9 rgb(5,13,201)
```
#060fe2
```
#060fe2 rgb(6,15,226)
```
#0913f8
```
#0913f8 rgb(9,19,248)
```
#222bf9
```
#222bf9 rgb(34,43,249)
```
#3b43fa
```
#3b43fa rgb(59,67,250)
```

Monochromatic Color

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

#0646e2
```
#0646e2 rgb(6,70,226)
```
#0634e2
```
#0634e2 rgb(6,52,226)
```
#0621e2
```
#0621e2 rgb(6,33,226)
```
#060fe2
```
#060fe2 rgb(6,15,226)
```
#0f06e2
```
#0f06e2 rgb(15,6,226)
```
#2206e2
```
#2206e2 rgb(34,6,226)
```
#3406e2
```
#3406e2 rgb(52,6,226)
```

Similar Colors

Text with hexadecimal color #060fe2

This text has a font color of #060fe2.

<span style="color:#060fe2;">Text here</span>

#060fe2 background color

This paragraph has a background color of #060fe2.

<p style="background-color:#060fe2;">Content here</p>

#060fe2 border color

This element has a border color of #060fe2.

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

CSS codes

.text {color:#060fe2;}

.background {background-color:#060fe2;}

.border {border:1px solid #060fe2;}

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

#000110
```
#000110 rgb(0,1,16)
```
#010223
```
#010223 rgb(1,2,35)
```
#010436
```
#010436 rgb(1,4,54)
```
#020549
```
#020549 rgb(2,5,73)
```
#02065c
```
#02065c rgb(2,6,92)
```
#03076f
```
#03076f rgb(3,7,111)
```
#030982
```
#030982 rgb(3,9,130)
```
#040a96
```
#040a96 rgb(4,10,150)
```
#040ba9
```
#040ba9 rgb(4,11,169)
```
#050cbc
```
#050cbc rgb(5,12,188)
```
#050ecf
```
#050ecf rgb(5,14,207)
```
#060fe2
```
#060fe2 rgb(6,15,226)
```
#0710f5
```
#0710f5 rgb(7,16,245)
```

Shade Color Variation

#1620f9
```
#1620f9 rgb(22,32,249)
```
#2a32f9
```
#2a32f9 rgb(42,50,249)
```
#3d44fa
```
#3d44fa rgb(61,68,250)
```
#5057fa
```
#5057fa rgb(80,87,250)
```
#6369fb
```
#6369fb rgb(99,105,251)
```
#767bfb
```
#767bfb rgb(118,123,251)
```
#898efc
```
#898efc rgb(137,142,252)
```
#9ca0fc
```
#9ca0fc rgb(156,160,252)
```
#afb2fd
```
#afb2fd rgb(175,178,253)
```
#c2c5fd
```
#c2c5fd rgb(194,197,253)
```
#d5d7fe
```
#d5d7fe rgb(213,215,254)
```
#e9e9fe
```
#e9e9fe rgb(233,233,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#717177
```
#717177 rgb(113,113,119)
```
#686980
```
#686980 rgb(104,105,128)
```
#5f6189
```
#5f6189 rgb(95,97,137)
```
#565992
```
#565992 rgb(86,89,146)
```
#4d519b
```
#4d519b rgb(77,81,155)
```
#4448a4
```
#4448a4 rgb(68,72,164)
```
#3c40ac
```
#3c40ac rgb(60,64,172)
```
#3338b5
```
#3338b5 rgb(51,56,181)
```
#2a30be
```
#2a30be rgb(42,48,190)
```
#2128c7
```
#2128c7 rgb(33,40,199)
```
#181fd0
```
#181fd0 rgb(24,31,208)
```
#0f17d9
```
#0f17d9 rgb(15,23,217)
```
#060fe2
```
#060fe2 rgb(6,15,226)
```

Tone Color Variation

Below, you can see how #060fe2 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

#242424 Achromatopsia 0.005% of the population
#1e204a Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c93 Protanopia 1% of men
#00507e Deuteranopia 1% of men
#005659 Tritanopia 0.001% of the population

Trichromacy

#0235af Protanomaly 1% of men, 0.01% of women
#0238a2 Deuteranomaly 6% of men, 0.4% of women
#023c8b Tritanomaly 0.01% of the population

#060fe2 hex color

#060fe2 Color Information

#060fe2 Color Conversion

Color Schemes with #060fe2

Alternatives to #060fe2

#060fe2 Preview

Shades and Tints of #060fe2

Tones of #060fe2

Color Blindness Simulator