#060ef2 hex color

In a RGB color space, hex #060ef2 is composed of 2.4% red, 5.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 94.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 238 degrees, a saturation of 95.2% and a lightness of 48.6%. #060ef2 color hex could be obtained by blending #0c1cff with #0000e5. Closest websafe color is: #0000ff.

♥
- f
- t
- g
- R 2
- G 5
- B 95
RGB color chart
- C 98
- M 94
- Y 0
- K 5
CMYK color chart

● #060ef2 color description : Vivid blue.

The hexadecimal color #060ef2 has RGB values of R:6, G:14, B:242 and CMYK values of C:0.98, M:0.94, Y:0, K:0.05. Its decimal value is 397042.

Hex triplet	060ef2	`#060ef2`
RGB Decimal	6, 14, 242	`rgb(6,14,242)`
RGB Percent	2.4, 5.5, 94.9	`rgb(2.4%,5.5%,94.9%)`
CMYK	98, 94, 0, 5
HSL	238°, 95.2, 48.6	`hsl(238,95.2%,48.6%)`
HSV (or HSB)	238°, 97.5, 94.9
Web Safe	0000ff	`#0000ff`

CIE-LAB	31.26, 73.837, -102.273
XYZ	16.256, 6.762, 84.448
xyY	0.151, 0.063, 6.762
CIE-LCH	31.26, 126.141, 305.828
CIE-LUV	31.26, -9.18, -123.662
Hunter-Lab	26.004, 66.077, -174.338
Binary	00000110, 00001110, 11110010

#060ef2
```
#060ef2 rgb(6,14,242)
```
#f2ea06
```
#f2ea06 rgb(242,234,6)
```

Complementary Color

#0684f2
```
#0684f2 rgb(6,132,242)
```
#060ef2
```
#060ef2 rgb(6,14,242)
```
#7406f2
```
#7406f2 rgb(116,6,242)
```

Analogous Color

#84f206
```
#84f206 rgb(132,242,6)
```
#060ef2
```
#060ef2 rgb(6,14,242)
```
#f27406
```
#f27406 rgb(242,116,6)
```

Split Complementary Color

#0ef206
```
#0ef206 rgb(14,242,6)
```
#060ef2
```
#060ef2 rgb(6,14,242)
```
#f2060e
```
#f2060e rgb(242,6,14)
```

Triadic Color

#06f2ea
```
#06f2ea rgb(6,242,234)
```
#060ef2
```
#060ef2 rgb(6,14,242)
```
#f2060e
```
#f2060e rgb(242,6,14)
```
#f2ea06
```
#f2ea06 rgb(242,234,6)
```

Tetradic Color

#040aa7
```
#040aa7 rgb(4,10,167)
```
#050bc0
```
#050bc0 rgb(5,11,192)
```
#050dd9
```
#050dd9 rgb(5,13,217)
```
#060ef2
```
#060ef2 rgb(6,14,242)
```
#1820f9
```
#1820f9 rgb(24,32,249)
```
#3138fa
```
#3138fa rgb(49,56,250)
```
#4a50fb
```
#4a50fb rgb(74,80,251)
```

Monochromatic Color

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

#0649f2
```
#0649f2 rgb(6,73,242)
```
#0635f2
```
#0635f2 rgb(6,53,242)
```
#0622f2
```
#0622f2 rgb(6,34,242)
```
#060ef2
```
#060ef2 rgb(6,14,242)
```
#1206f2
```
#1206f2 rgb(18,6,242)
```
#2506f2
```
#2506f2 rgb(37,6,242)
```
#3906f2
```
#3906f2 rgb(57,6,242)
```

Similar Colors

Text with hexadecimal color #060ef2

This text has a font color of #060ef2.

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

#060ef2 background color

This paragraph has a background color of #060ef2.

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

#060ef2 border color

This element has a border color of #060ef2.

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

CSS codes

.text {color:#060ef2;}

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

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

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, #00010c is the darkest color, while #f8f8ff is the lightest one.

#00010c
```
#00010c rgb(0,1,12)
```
#01021f
```
#01021f rgb(1,2,31)
```
#010333
```
#010333 rgb(1,3,51)
```
#020446
```
#020446 rgb(2,4,70)
```
#020559
```
#020559 rgb(2,5,89)
```
#03066c
```
#03066c rgb(3,6,108)
```
#03077f
```
#03077f rgb(3,7,127)
```
#040892
```
#040892 rgb(4,8,146)
```
#040aa5
```
#040aa5 rgb(4,10,165)
```
#050bb9
```
#050bb9 rgb(5,11,185)
```
#050ccc
```
#050ccc rgb(5,12,204)
```
#060ddf
```
#060ddf rgb(6,13,223)
```
#060ef2
```
#060ef2 rgb(6,14,242)
```

Shade Color Variation

#121af9
```
#121af9 rgb(18,26,249)
```
#262dfa
```
#262dfa rgb(38,45,250)
```
#393ffa
```
#393ffa rgb(57,63,250)
```
#4c52fb
```
#4c52fb rgb(76,82,251)
```
#5f64fb
```
#5f64fb rgb(95,100,251)
```
#7277fc
```
#7277fc rgb(114,119,252)
```
#8589fc
```
#8589fc rgb(133,137,252)
```
#989cfc
```
#989cfc rgb(152,156,252)
```
#acaefd
```
#acaefd rgb(172,174,253)
```
#bfc1fd
```
#bfc1fd rgb(191,193,253)
```
#d2d3fe
```
#d2d3fe rgb(210,211,254)
```
#e5e6fe
```
#e5e6fe rgb(229,230,254)
```
#f8f8ff
```
#f8f8ff rgb(248,248,255)
```

Tint Color Variation

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

#787980
```
#787980 rgb(120,121,128)
```
#6f7089
```
#6f7089 rgb(111,112,137)
```
#656793
```
#656793 rgb(101,103,147)
```
#5c5e9c
```
#5c5e9c rgb(92,94,156)
```
#5255a6
```
#5255a6 rgb(82,85,166)
```
#494caf
```
#494caf rgb(73,76,175)
```
#3f43b9
```
#3f43b9 rgb(63,67,185)
```
#363ac2
```
#363ac2 rgb(54,58,194)
```
#2c32cc
```
#2c32cc rgb(44,50,204)
```
#2329d5
```
#2329d5 rgb(35,41,213)
```
#1920df
```
#1920df rgb(25,32,223)
```
#1017e8
```
#1017e8 rgb(16,23,232)
```
#060ef2
```
#060ef2 rgb(6,14,242)
```

Tone Color Variation

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

#262626 Achromatopsia 0.005% of the population
#20214f Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005586 Deuteranopia 1% of men
#005b5e Tritanopia 0.001% of the population

Trichromacy

#0238bb Protanomaly 1% of men, 0.01% of women
#023bad Deuteranomaly 6% of men, 0.4% of women
#023f94 Tritanomaly 0.01% of the population

#060ef2 hex color

#060ef2 Color Information

#060ef2 Color Conversion

Color Schemes with #060ef2

Alternatives to #060ef2

#060ef2 Preview

Shades and Tints of #060ef2

Tones of #060ef2

Color Blindness Simulator