#060bfd hex color

In a RGB color space, hex #060bfd is composed of 2.4% red, 4.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 95.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 238.8 degrees, a saturation of 98.4% and a lightness of 50.8%. #060bfd color hex could be obtained by blending #0c16ff with #0000fb. Closest websafe color is: #0000ff.

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

● #060bfd color description : Vivid blue.

The hexadecimal color #060bfd has RGB values of R:6, G:11, B:253 and CMYK values of C:0.98, M:0.96, Y:0, K:0.01. Its decimal value is 396285.

Hex triplet	060bfd	`#060bfd`
RGB Decimal	6, 11, 253	`rgb(6,11,253)`
RGB Percent	2.4, 4.3, 99.2	`rgb(2.4%,4.3%,99.2%)`
CMYK	98, 96, 0, 1
HSL	238.8°, 98.4, 50.8	`hsl(238.8,98.4%,50.8%)`
HSV (or HSB)	238.8°, 97.6, 99.2
Web Safe	0000ff	`#0000ff`

CIE-LAB	32.631, 77.092, -106.185
XYZ	17.921, 7.368, 93.401
xyY	0.151, 0.062, 7.368
CIE-LCH	32.631, 131.219, 305.98
CIE-LUV	32.631, -9.513, -129.831
Hunter-Lab	27.145, 70.34, -185.004
Binary	00000110, 00001011, 11111101

#060bfd
```
#060bfd rgb(6,11,253)
```
#fdf806
```
#fdf806 rgb(253,248,6)
```

Complementary Color

#0687fd
```
#0687fd rgb(6,135,253)
```
#060bfd
```
#060bfd rgb(6,11,253)
```
#7d06fd
```
#7d06fd rgb(125,6,253)
```

Analogous Color

#87fd06
```
#87fd06 rgb(135,253,6)
```
#060bfd
```
#060bfd rgb(6,11,253)
```
#fd7d06
```
#fd7d06 rgb(253,125,6)
```

Split Complementary Color

#0bfd06
```
#0bfd06 rgb(11,253,6)
```
#060bfd
```
#060bfd rgb(6,11,253)
```
#fd060b
```
#fd060b rgb(253,6,11)
```

Triadic Color

#06fdf8
```
#06fdf8 rgb(6,253,248)
```
#060bfd
```
#060bfd rgb(6,11,253)
```
#fd060b
```
#fd060b rgb(253,6,11)
```
#fdf806
```
#fdf806 rgb(253,248,6)
```

Tetradic Color

#0105b5
```
#0105b5 rgb(1,5,181)
```
#0206ce
```
#0206ce rgb(2,6,206)
```
#0207e8
```
#0207e8 rgb(2,7,232)
```
#060bfd
```
#060bfd rgb(6,11,253)
```
#1f24fd
```
#1f24fd rgb(31,36,253)
```
#393dfd
```
#393dfd rgb(57,61,253)
```
#5255fe
```
#5255fe rgb(82,85,254)
```

Monochromatic Color

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

#0649fd
```
#0649fd rgb(6,73,253)
```
#0634fd
```
#0634fd rgb(6,52,253)
```
#0620fd
```
#0620fd rgb(6,32,253)
```
#060bfd
```
#060bfd rgb(6,11,253)
```
#1606fd
```
#1606fd rgb(22,6,253)
```
#2a06fd
```
#2a06fd rgb(42,6,253)
```
#3f06fd
```
#3f06fd rgb(63,6,253)
```

Similar Colors

Text with hexadecimal color #060bfd

This text has a font color of #060bfd.

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

#060bfd background color

This paragraph has a background color of #060bfd.

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

#060bfd border color

This element has a border color of #060bfd.

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

CSS codes

.text {color:#060bfd;}

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

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

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

#000004
```
#000004 rgb(0,0,4)
```
#000117
```
#000117 rgb(0,1,23)
```
#00012b
```
#00012b rgb(0,1,43)
```
#01023e
```
#01023e rgb(1,2,62)
```
#010252
```
#010252 rgb(1,2,82)
```
#010365
```
#010365 rgb(1,3,101)
```
#010379
```
#010379 rgb(1,3,121)
```
#01048c
```
#01048c rgb(1,4,140)
```
#0104a0
```
#0104a0 rgb(1,4,160)
```
#0105b3
```
#0105b3 rgb(1,5,179)
```
#0206c7
```
#0206c7 rgb(2,6,199)
```
#0206da
```
#0206da rgb(2,6,218)
```
#0207ed
```
#0207ed rgb(2,7,237)
```

Shade Color Variation

#060bfd
```
#060bfd rgb(6,11,253)
```
#191efd
```
#191efd rgb(25,30,253)
```
#2d31fd
```
#2d31fd rgb(45,49,253)
```
#4044fd
```
#4044fd rgb(64,68,253)
```
#5457fe
```
#5457fe rgb(84,87,254)
```
#676afe
```
#676afe rgb(103,106,254)
```
#7b7dfe
```
#7b7dfe rgb(123,125,254)
```
#8e90fe
```
#8e90fe rgb(142,144,254)
```
#a2a4fe
```
#a2a4fe rgb(162,164,254)
```
#b5b7fe
```
#b5b7fe rgb(181,183,254)
```
#c9caff
```
#c9caff rgb(201,202,255)
```
#dcddff
```
#dcddff rgb(220,221,255)
```
#f0f0ff
```
#f0f0ff rgb(240,240,255)
```

Tint Color Variation

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

#7a7a89
```
#7a7a89 rgb(122,122,137)
```
#707193
```
#707193 rgb(112,113,147)
```
#67689c
```
#67689c rgb(103,104,156)
```
#5d5ea6
```
#5d5ea6 rgb(93,94,166)
```
#5355b0
```
#5355b0 rgb(83,85,176)
```
#4a4cb9
```
#4a4cb9 rgb(74,76,185)
```
#4043c3
```
#4043c3 rgb(64,67,195)
```
#3639cd
```
#3639cd rgb(54,57,205)
```
#2d30d6
```
#2d30d6 rgb(45,48,214)
```
#2327e0
```
#2327e0 rgb(35,39,224)
```
#191eea
```
#191eea rgb(25,30,234)
```
#1014f3
```
#1014f3 rgb(16,20,243)
```
#060bfd
```
#060bfd rgb(6,11,253)
```

Tone Color Variation

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

Dichromacy

#0053a2 Protanopia 1% of men
#00588b Deuteranopia 1% of men
#005e62 Tritanopia 0.001% of the population

Trichromacy

#0239c3 Protanomaly 1% of men, 0.01% of women
#023cb4 Deuteranomaly 6% of men, 0.4% of women
#02409a Tritanomaly 0.01% of the population

#060bfd hex color

#060bfd Color Information

#060bfd Color Conversion

Color Schemes with #060bfd

Alternatives to #060bfd

#060bfd Preview

Shades and Tints of #060bfd

Tones of #060bfd

Color Blindness Simulator