#060cf5 hex color

In a RGB color space, hex #060cf5 is composed of 2.4% red, 4.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 95.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 238.5 degrees, a saturation of 95.2% and a lightness of 49.2%. #060cf5 color hex could be obtained by blending #0c18ff with #0000eb. Closest websafe color is: #0000ff.

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

● #060cf5 color description : Vivid blue.

The hexadecimal color #060cf5 has RGB values of R:6, G:12, B:245 and CMYK values of C:0.98, M:0.95, Y:0, K:0.04. Its decimal value is 396533.

Hex triplet	060cf5	`#060cf5`
RGB Decimal	6, 12, 245	`rgb(6,12,245)`
RGB Percent	2.4, 4.7, 96.1	`rgb(2.4%,4.7%,96.1%)`
CMYK	98, 95, 0, 4
HSL	238.5°, 95.2, 49.2	`hsl(238.5,95.2%,49.2%)`
HSV (or HSB)	238.5°, 97.6, 96.1
Web Safe	0000ff	`#0000ff`

CIE-LAB	31.562, 74.952, -103.465
XYZ	16.685, 6.893, 86.832
xyY	0.151, 0.062, 6.893
CIE-LCH	31.562, 127.761, 305.92
CIE-LUV	31.562, -9.222, -125.278
Hunter-Lab	26.254, 67.492, -177.715
Binary	00000110, 00001100, 11110101

#060cf5
```
#060cf5 rgb(6,12,245)
```
#f5ef06
```
#f5ef06 rgb(245,239,6)
```

Complementary Color

#0684f5
```
#0684f5 rgb(6,132,245)
```
#060cf5
```
#060cf5 rgb(6,12,245)
```
#7806f5
```
#7806f5 rgb(120,6,245)
```

Analogous Color

#84f506
```
#84f506 rgb(132,245,6)
```
#060cf5
```
#060cf5 rgb(6,12,245)
```
#f57806
```
#f57806 rgb(245,120,6)
```

Split Complementary Color

#0cf506
```
#0cf506 rgb(12,245,6)
```
#060cf5
```
#060cf5 rgb(6,12,245)
```
#f5060c
```
#f5060c rgb(245,6,12)
```

Triadic Color

#06f5ef
```
#06f5ef rgb(6,245,239)
```
#060cf5
```
#060cf5 rgb(6,12,245)
```
#f5060c
```
#f5060c rgb(245,6,12)
```
#f5ef06
```
#f5ef06 rgb(245,239,6)
```

Tetradic Color

#0408aa
```
#0408aa rgb(4,8,170)
```
#050ac3
```
#050ac3 rgb(5,10,195)
```
#050bdc
```
#050bdc rgb(5,11,220)
```
#060cf5
```
#060cf5 rgb(6,12,245)
```
#1b21f9
```
#1b21f9 rgb(27,33,249)
```
#3439fa
```
#3439fa rgb(52,57,250)
```
#4d51fb
```
#4d51fb rgb(77,81,251)
```

Monochromatic Color

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

#0648f5
```
#0648f5 rgb(6,72,245)
```
#0634f5
```
#0634f5 rgb(6,52,245)
```
#0620f5
```
#0620f5 rgb(6,32,245)
```
#060cf5
```
#060cf5 rgb(6,12,245)
```
#1406f5
```
#1406f5 rgb(20,6,245)
```
#2806f5
```
#2806f5 rgb(40,6,245)
```
#3c06f5
```
#3c06f5 rgb(60,6,245)
```

Similar Colors

Text with hexadecimal color #060cf5

This text has a font color of #060cf5.

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

#060cf5 background color

This paragraph has a background color of #060cf5.

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

#060cf5 border color

This element has a border color of #060cf5.

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

CSS codes

.text {color:#060cf5;}

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

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

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

#00010f
```
#00010f rgb(0,1,15)
```
#010222
```
#010222 rgb(1,2,34)
```
#010336
```
#010336 rgb(1,3,54)
```
#020449
```
#020449 rgb(2,4,73)
```
#02045c
```
#02045c rgb(2,4,92)
```
#03056f
```
#03056f rgb(3,5,111)
```
#030682
```
#030682 rgb(3,6,130)
```
#040795
```
#040795 rgb(4,7,149)
```
#0408a8
```
#0408a8 rgb(4,8,168)
```
#0509bc
```
#0509bc rgb(5,9,188)
```
#050acf
```
#050acf rgb(5,10,207)
```
#060be2
```
#060be2 rgb(6,11,226)
```
#060cf5
```
#060cf5 rgb(6,12,245)
```

Shade Color Variation

#151bf9
```
#151bf9 rgb(21,27,249)
```
#282efa
```
#282efa rgb(40,46,250)
```
#3c40fa
```
#3c40fa rgb(60,64,250)
```
#4f53fb
```
#4f53fb rgb(79,83,251)
```
#6266fb
```
#6266fb rgb(98,102,251)
```
#7578fc
```
#7578fc rgb(117,120,252)
```
#888bfc
```
#888bfc rgb(136,139,252)
```
#9b9efd
```
#9b9efd rgb(155,158,253)
```
#afb0fd
```
#afb0fd rgb(175,176,253)
```
#c2c3fd
```
#c2c3fd rgb(194,195,253)
```
#d5d6fe
```
#d5d6fe rgb(213,214,254)
```
#e8e9fe
```
#e8e9fe rgb(232,233,254)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

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

#7a7a81
```
#7a7a81 rgb(122,122,129)
```
#70718b
```
#70718b rgb(112,113,139)
```
#676894
```
#676894 rgb(103,104,148)
```
#5d5f9e
```
#5d5f9e rgb(93,95,158)
```
#5355a8
```
#5355a8 rgb(83,85,168)
```
#4a4cb1
```
#4a4cb1 rgb(74,76,177)
```
#4043bb
```
#4043bb rgb(64,67,187)
```
#363ac5
```
#363ac5 rgb(54,58,197)
```
#2d31ce
```
#2d31ce rgb(45,49,206)
```
#2328d8
```
#2328d8 rgb(35,40,216)
```
#191ee2
```
#191ee2 rgb(25,30,226)
```
#1015eb
```
#1015eb rgb(16,21,235)
```
#060cf5
```
#060cf5 rgb(6,12,245)
```

Tone Color Variation

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

#252525 Achromatopsia 0.005% of the population
#1f204f Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519d Protanopia 1% of men
#005687 Deuteranopia 1% of men
#005c5f Tritanopia 0.001% of the population

Trichromacy

#0238bd Protanomaly 1% of men, 0.01% of women
#023baf Deuteranomaly 6% of men, 0.4% of women
#023e95 Tritanomaly 0.01% of the population

#060cf5 hex color

#060cf5 Color Information

#060cf5 Color Conversion

Color Schemes with #060cf5

Alternatives to #060cf5

#060cf5 Preview

Shades and Tints of #060cf5

Tones of #060cf5

Color Blindness Simulator