#060bf4 hex color

In a RGB color space, hex #060bf4 is composed of 2.4% red, 4.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 95.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 238.7 degrees, a saturation of 95.2% and a lightness of 49%. #060bf4 color hex could be obtained by blending #0c16ff with #0000e9. Closest websafe color is: #0000ff.

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

● #060bf4 color description : Vivid blue.

The hexadecimal color #060bf4 has RGB values of R:6, G:11, B:244 and CMYK values of C:0.98, M:0.95, Y:0, K:0.04. Its decimal value is 396276.

Hex triplet	060bf4	`#060bf4`
RGB Decimal	6, 11, 244	`rgb(6,11,244)`
RGB Percent	2.4, 4.3, 95.7	`rgb(2.4%,4.3%,95.7%)`
CMYK	98, 95, 0, 4
HSL	238.7°, 95.2, 49	`hsl(238.7,95.2%,49%)`
HSV (or HSB)	238.7°, 97.5, 95.7
Web Safe	0000ff	`#0000ff`

CIE-LAB	31.367, 74.873, -103.226
XYZ	16.521, 6.808, 86.026
xyY	0.151, 0.062, 6.808
CIE-LCH	31.367, 127.521, 305.954
CIE-LUV	31.367, -9.145, -124.648
Hunter-Lab	26.093, 67.354, -177.21
Binary	00000110, 00001011, 11110100

#060bf4
```
#060bf4 rgb(6,11,244)
```
#f4ef06
```
#f4ef06 rgb(244,239,6)
```

Complementary Color

#0682f4
```
#0682f4 rgb(6,130,244)
```
#060bf4
```
#060bf4 rgb(6,11,244)
```
#7806f4
```
#7806f4 rgb(120,6,244)
```

Analogous Color

#82f406
```
#82f406 rgb(130,244,6)
```
#060bf4
```
#060bf4 rgb(6,11,244)
```
#f47806
```
#f47806 rgb(244,120,6)
```

Split Complementary Color

#0bf406
```
#0bf406 rgb(11,244,6)
```
#060bf4
```
#060bf4 rgb(6,11,244)
```
#f4060b
```
#f4060b rgb(244,6,11)
```

Triadic Color

#06f4ef
```
#06f4ef rgb(6,244,239)
```
#060bf4
```
#060bf4 rgb(6,11,244)
```
#f4060b
```
#f4060b rgb(244,6,11)
```
#f4ef06
```
#f4ef06 rgb(244,239,6)
```

Tetradic Color

#0408a9
```
#0408a9 rgb(4,8,169)
```
#0509c2
```
#0509c2 rgb(5,9,194)
```
#050adb
```
#050adb rgb(5,10,219)
```
#060bf4
```
#060bf4 rgb(6,11,244)
```
#1a1ff9
```
#1a1ff9 rgb(26,31,249)
```
#3337fa
```
#3337fa rgb(51,55,250)
```
#4c50fb
```
#4c50fb rgb(76,80,251)
```

Monochromatic Color

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

#0647f4
```
#0647f4 rgb(6,71,244)
```
#0633f4
```
#0633f4 rgb(6,51,244)
```
#061ff4
```
#061ff4 rgb(6,31,244)
```
#060bf4
```
#060bf4 rgb(6,11,244)
```
#1506f4
```
#1506f4 rgb(21,6,244)
```
#2906f4
```
#2906f4 rgb(41,6,244)
```
#3d06f4
```
#3d06f4 rgb(61,6,244)
```

Similar Colors

Text with hexadecimal color #060bf4

This text has a font color of #060bf4.

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

#060bf4 background color

This paragraph has a background color of #060bf4.

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

#060bf4 border color

This element has a border color of #060bf4.

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

CSS codes

.text {color:#060bf4;}

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

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

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

#00010e
```
#00010e rgb(0,1,14)
```
#010221
```
#010221 rgb(1,2,33)
```
#010235
```
#010235 rgb(1,2,53)
```
#020348
```
#020348 rgb(2,3,72)
```
#02045b
```
#02045b rgb(2,4,91)
```
#03056e
```
#03056e rgb(3,5,110)
```
#030681
```
#030681 rgb(3,6,129)
```
#040794
```
#040794 rgb(4,7,148)
```
#0408a7
```
#0408a7 rgb(4,8,167)
```
#0508bb
```
#0508bb rgb(5,8,187)
```
#0509ce
```
#0509ce rgb(5,9,206)
```
#060ae1
```
#060ae1 rgb(6,10,225)
```
#060bf4
```
#060bf4 rgb(6,11,244)
```

Shade Color Variation

#1419f9
```
#1419f9 rgb(20,25,249)
```
#282cfa
```
#282cfa rgb(40,44,250)
```
#3b3ffa
```
#3b3ffa rgb(59,63,250)
```
#4e51fb
```
#4e51fb rgb(78,81,251)
```
#6164fb
```
#6164fb rgb(97,100,251)
```
#7477fc
```
#7477fc rgb(116,119,252)
```
#878afc
```
#878afc rgb(135,138,252)
```
#9a9cfd
```
#9a9cfd rgb(154,156,253)
```
#aeaffd
```
#aeaffd rgb(174,175,253)
```
#c1c2fd
```
#c1c2fd rgb(193,194,253)
```
#d4d5fe
```
#d4d5fe rgb(212,213,254)
```
#e7e7fe
```
#e7e7fe rgb(231,231,254)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

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

#797a81
```
#797a81 rgb(121,122,129)
```
#70708a
```
#70708a rgb(112,112,138)
```
#666794
```
#666794 rgb(102,103,148)
```
#5d5e9d
```
#5d5e9d rgb(93,94,157)
```
#5355a7
```
#5355a7 rgb(83,85,167)
```
#494bb1
```
#494bb1 rgb(73,75,177)
```
#4042ba
```
#4042ba rgb(64,66,186)
```
#3639c4
```
#3639c4 rgb(54,57,196)
```
#2c30ce
```
#2c30ce rgb(44,48,206)
```
#2327d7
```
#2327d7 rgb(35,39,215)
```
#191de1
```
#191de1 rgb(25,29,225)
```
#1014ea
```
#1014ea rgb(16,20,234)
```
#060bf4
```
#060bf4 rgb(6,11,244)
```

Tone Color Variation

Below, you can see how #060bf4 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
#1e1f4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519c Protanopia 1% of men
#005586 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#0237bc Protanomaly 1% of men, 0.01% of women
#023aae Deuteranomaly 6% of men, 0.4% of women
#023e95 Tritanomaly 0.01% of the population

#060bf4 hex color

#060bf4 Color Information

#060bf4 Color Conversion

Color Schemes with #060bf4

Alternatives to #060bf4

#060bf4 Preview

Shades and Tints of #060bf4

Tones of #060bf4

Color Blindness Simulator