#0060d5 hex color

In a RGB color space, hex #0060d5 is composed of 0% red, 37.6% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 54.9% magenta, 0% yellow and 16.5% black. It has a hue angle of 213 degrees, a saturation of 100% and a lightness of 41.8%. #0060d5 color hex could be obtained by blending #00c0ff with #0000ab. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 38
- B 84
RGB color chart
- C 100
- M 55
- Y 0
- K 16
CMYK color chart

● #0060d5 color description : Strong blue.

The hexadecimal color #0060d5 has RGB values of R:0, G:96, B:213 and CMYK values of C:1, M:0.55, Y:0, K:0.16. Its decimal value is 24789.

Hex triplet	0060d5	`#0060d5`
RGB Decimal	0, 96, 213	`rgb(0,96,213)`
RGB Percent	0, 37.6, 83.5	`rgb(0%,37.6%,83.5%)`
CMYK	100, 55, 0, 16
HSL	213°, 100, 41.8	`hsl(213,100%,41.8%)`
HSV (or HSB)	213°, 100, 83.5
Web Safe	0066cc	`#0066cc`

CIE-LAB	43.016, 22.79, -66.335
XYZ	16.19, 13.168, 64.636
xyY	0.172, 0.14, 13.168
CIE-LCH	43.016, 70.141, 288.96
CIE-LUV	43.016, -21.788, -99.309
Hunter-Lab	36.288, 16.136, -80.204
Binary	00000000, 01100000, 11010101

#0060d5
```
#0060d5 rgb(0,96,213)
```
#d57500
```
#d57500 rgb(213,117,0)
```

Complementary Color

#00cbd5
```
#00cbd5 rgb(0,203,213)
```
#0060d5
```
#0060d5 rgb(0,96,213)
```
#0b00d5
```
#0b00d5 rgb(11,0,213)
```

Analogous Color

#cbd500
```
#cbd500 rgb(203,213,0)
```
#0060d5
```
#0060d5 rgb(0,96,213)
```
#d50b00
```
#d50b00 rgb(213,11,0)
```

Split Complementary Color

#60d500
```
#60d500 rgb(96,213,0)
```
#0060d5
```
#0060d5 rgb(0,96,213)
```
#d50060
```
#d50060 rgb(213,0,96)
```

Triadic Color

#00d575
```
#00d575 rgb(0,213,117)
```
#0060d5
```
#0060d5 rgb(0,96,213)
```
#d50060
```
#d50060 rgb(213,0,96)
```
#d57500
```
#d57500 rgb(213,117,0)
```

Tetradic Color

#003e89
```
#003e89 rgb(0,62,137)
```
#0049a2
```
#0049a2 rgb(0,73,162)
```
#0055bc
```
#0055bc rgb(0,85,188)
```
#0060d5
```
#0060d5 rgb(0,96,213)
```
#006bef
```
#006bef rgb(0,107,239)
```
#0978ff
```
#0978ff rgb(9,120,255)
```
#2386ff
```
#2386ff rgb(35,134,255)
```

Monochromatic Color

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

#0095d5
```
#0095d5 rgb(0,149,213)
```
#0084d5
```
#0084d5 rgb(0,132,213)
```
#0072d5
```
#0072d5 rgb(0,114,213)
```
#0060d5
```
#0060d5 rgb(0,96,213)
```
#004ed5
```
#004ed5 rgb(0,78,213)
```
#003dd5
```
#003dd5 rgb(0,61,213)
```
#002bd5
```
#002bd5 rgb(0,43,213)
```

Similar Colors

Text with hexadecimal color #0060d5

This text has a font color of #0060d5.

<span style="color:#0060d5;">Text here</span>

#0060d5 background color

This paragraph has a background color of #0060d5.

<p style="background-color:#0060d5;">Content here</p>

#0060d5 border color

This element has a border color of #0060d5.

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

CSS codes

.text {color:#0060d5;}

.background {background-color:#0060d5;}

.border {border:1px solid #0060d5;}

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

#000811
```
#000811 rgb(0,8,17)
```
#001024
```
#001024 rgb(0,16,36)
```
#001938
```
#001938 rgb(0,25,56)
```
#00224c
```
#00224c rgb(0,34,76)
```
#002b5f
```
#002b5f rgb(0,43,95)
```
#003473
```
#003473 rgb(0,52,115)
```
#003d87
```
#003d87 rgb(0,61,135)
```
#00459a
```
#00459a rgb(0,69,154)
```
#004eae
```
#004eae rgb(0,78,174)
```
#0057c1
```
#0057c1 rgb(0,87,193)
```
#0060d5
```
#0060d5 rgb(0,96,213)
```
#0069e9
```
#0069e9 rgb(0,105,233)
```
#0072fc
```
#0072fc rgb(0,114,252)
```

Shade Color Variation

#117cff
```
#117cff rgb(17,124,255)
```
#2487ff
```
#2487ff rgb(36,135,255)
```
#3892ff
```
#3892ff rgb(56,146,255)
```
#4c9dff
```
#4c9dff rgb(76,157,255)
```
#5fa7ff
```
#5fa7ff rgb(95,167,255)
```
#73b2ff
```
#73b2ff rgb(115,178,255)
```
#87bdff
```
#87bdff rgb(135,189,255)
```
#9ac8ff
```
#9ac8ff rgb(154,200,255)
```
#aed2ff
```
#aed2ff rgb(174,210,255)
```
#c1ddff
```
#c1ddff rgb(193,221,255)
```
#d5e8ff
```
#d5e8ff rgb(213,232,255)
```
#e9f3ff
```
#e9f3ff rgb(233,243,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626a73 is the less saturated color, while #0060d5 is the most saturated one.

#626a73
```
#626a73 rgb(98,106,115)
```
#5a697b
```
#5a697b rgb(90,105,123)
```
#526883
```
#526883 rgb(82,104,131)
```
#4a678b
```
#4a678b rgb(74,103,139)
```
#426693
```
#426693 rgb(66,102,147)
```
#39669c
```
#39669c rgb(57,102,156)
```
#3165a4
```
#3165a4 rgb(49,101,164)
```
#2964ac
```
#2964ac rgb(41,100,172)
```
#2163b4
```
#2163b4 rgb(33,99,180)
```
#1962bc
```
#1962bc rgb(25,98,188)
```
#1062c5
```
#1062c5 rgb(16,98,197)
```
#0861cd
```
#0861cd rgb(8,97,205)
```
#0060d5
```
#0060d5 rgb(0,96,213)
```

Tone Color Variation

Below, you can see how #0060d5 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

#515151 Achromatopsia 0.005% of the population
#41546b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad0 Protanopia 1% of men
#0070b5 Deuteranopia 1% of men
#00787e Tritanopia 0.001% of the population

Trichromacy

#0066d1 Protanomaly 1% of men, 0.01% of women
#006ac1 Deuteranomaly 6% of men, 0.4% of women
#006f9e Tritanomaly 0.01% of the population

#0060d5 hex color

#0060d5 Color Information

#0060d5 Color Conversion

Color Schemes with #0060d5

Alternatives to #0060d5

#0060d5 Preview

Shades and Tints of #0060d5

Tones of #0060d5

Color Blindness Simulator