#060afd hex color

In a RGB color space, hex #060afd is composed of 2.4% red, 3.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 96% magenta, 0% yellow and 0.8% black. It has a hue angle of 239 degrees, a saturation of 98.4% and a lightness of 50.8%. #060afd color hex could be obtained by blending #0c14ff 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

● #060afd color description : Vivid blue.

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

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

CIE-LAB	32.582, 77.244, -106.267
XYZ	17.91, 7.346, 93.397
xyY	0.151, 0.062, 7.346
CIE-LCH	32.582, 131.374, 306.013
CIE-LUV	32.582, -9.48, -129.784
Hunter-Lab	27.104, 70.517, -185.334
Binary	00000110, 00001010, 11111101

#060afd
```
#060afd rgb(6,10,253)
```
#fdf906
```
#fdf906 rgb(253,249,6)
```

Complementary Color

#0686fd
```
#0686fd rgb(6,134,253)
```
#060afd
```
#060afd rgb(6,10,253)
```
#7e06fd
```
#7e06fd rgb(126,6,253)
```

Analogous Color

#86fd06
```
#86fd06 rgb(134,253,6)
```
#060afd
```
#060afd rgb(6,10,253)
```
#fd7e06
```
#fd7e06 rgb(253,126,6)
```

Split Complementary Color

#0afd06
```
#0afd06 rgb(10,253,6)
```
#060afd
```
#060afd rgb(6,10,253)
```
#fd060a
```
#fd060a rgb(253,6,10)
```

Triadic Color

#06fdf9
```
#06fdf9 rgb(6,253,249)
```
#060afd
```
#060afd rgb(6,10,253)
```
#fd060a
```
#fd060a rgb(253,6,10)
```
#fdf906
```
#fdf906 rgb(253,249,6)
```

Tetradic Color

#0104b5
```
#0104b5 rgb(1,4,181)
```
#0205ce
```
#0205ce rgb(2,5,206)
```
#0206e8
```
#0206e8 rgb(2,6,232)
```
#060afd
```
#060afd rgb(6,10,253)
```
#1f23fd
```
#1f23fd rgb(31,35,253)
```
#393cfd
```
#393cfd rgb(57,60,253)
```
#5255fe
```
#5255fe rgb(82,85,254)
```

Monochromatic Color

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

#0648fd
```
#0648fd rgb(6,72,253)
```
#0633fd
```
#0633fd rgb(6,51,253)
```
#061ffd
```
#061ffd rgb(6,31,253)
```
#060afd
```
#060afd rgb(6,10,253)
```
#1706fd
```
#1706fd rgb(23,6,253)
```
#2b06fd
```
#2b06fd rgb(43,6,253)
```
#4006fd
```
#4006fd rgb(64,6,253)
```

Similar Colors

Text with hexadecimal color #060afd

This text has a font color of #060afd.

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

#060afd background color

This paragraph has a background color of #060afd.

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

#060afd border color

This element has a border color of #060afd.

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

CSS codes

.text {color:#060afd;}

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

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

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)
```
#010265
```
#010265 rgb(1,2,101)
```
#010379
```
#010379 rgb(1,3,121)
```
#01038c
```
#01038c rgb(1,3,140)
```
#0104a0
```
#0104a0 rgb(1,4,160)
```
#0104b3
```
#0104b3 rgb(1,4,179)
```
#0205c7
```
#0205c7 rgb(2,5,199)
```
#0205da
```
#0205da rgb(2,5,218)
```
#0206ed
```
#0206ed rgb(2,6,237)
```

Shade Color Variation

#060afd
```
#060afd rgb(6,10,253)
```
#191dfd
```
#191dfd rgb(25,29,253)
```
#2d30fd
```
#2d30fd rgb(45,48,253)
```
#4043fd
```
#4043fd rgb(64,67,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)
```
#a2a3fe
```
#a2a3fe rgb(162,163,254)
```
#b5b6fe
```
#b5b6fe rgb(181,182,254)
```
#c9c9ff
```
#c9c9ff rgb(201,201,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 #060afd is the most saturated one.

#7a7a89
```
#7a7a89 rgb(122,122,137)
```
#707193
```
#707193 rgb(112,113,147)
```
#67679c
```
#67679c rgb(103,103,156)
```
#5d5ea6
```
#5d5ea6 rgb(93,94,166)
```
#5355b0
```
#5355b0 rgb(83,85,176)
```
#4a4bb9
```
#4a4bb9 rgb(74,75,185)
```
#4042c3
```
#4042c3 rgb(64,66,195)
```
#3639cd
```
#3639cd rgb(54,57,205)
```
#2d2fd6
```
#2d2fd6 rgb(45,47,214)
```
#2326e0
```
#2326e0 rgb(35,38,224)
```
#191dea
```
#191dea rgb(25,29,234)
```
#1013f3
```
#1013f3 rgb(16,19,243)
```
#060afd
```
#060afd rgb(6,10,253)
```

Tone Color Variation

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

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

Trichromacy

#0238c2 Protanomaly 1% of men, 0.01% of women
#023cb4 Deuteranomaly 6% of men, 0.4% of women
#023f9a Tritanomaly 0.01% of the population

#060afd hex color

#060afd Color Information

#060afd Color Conversion

Color Schemes with #060afd

Alternatives to #060afd

#060afd Preview

Shades and Tints of #060afd

Tones of #060afd

Color Blindness Simulator