#0060d2 hex color

In a RGB color space, hex #0060d2 is composed of 0% red, 37.6% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 54.3% magenta, 0% yellow and 17.6% black. It has a hue angle of 212.6 degrees, a saturation of 100% and a lightness of 41.2%. #0060d2 color hex could be obtained by blending #00c0ff with #0000a5. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 38
- B 82
RGB color chart
- C 100
- M 54
- Y 0
- K 18
CMYK color chart

● #0060d2 color description : Strong blue.

The hexadecimal color #0060d2 has RGB values of R:0, G:96, B:210 and CMYK values of C:1, M:0.54, Y:0, K:0.18. Its decimal value is 24786.

Hex triplet	0060d2	`#0060d2`
RGB Decimal	0, 96, 210	`rgb(0,96,210)`
RGB Percent	0, 37.6, 82.4	`rgb(0%,37.6%,82.4%)`
CMYK	100, 54, 0, 18
HSL	212.6°, 100, 41.2	`hsl(212.6,100%,41.2%)`
HSV (or HSB)	212.6°, 100, 82.4
Web Safe	0066cc	`#0066cc`

CIE-LAB	42.79, 21.595, -64.985
XYZ	15.813, 13.017, 62.648
xyY	0.173, 0.142, 13.017
CIE-LCH	42.79, 68.479, 288.382
CIE-LUV	42.79, -21.872, -97.193
Hunter-Lab	36.08, 15.094, -77.695
Binary	00000000, 01100000, 11010010

#0060d2
```
#0060d2 rgb(0,96,210)
```
#d27200
```
#d27200 rgb(210,114,0)
```

Complementary Color

#00c9d2
```
#00c9d2 rgb(0,201,210)
```
#0060d2
```
#0060d2 rgb(0,96,210)
```
#0900d2
```
#0900d2 rgb(9,0,210)
```

Analogous Color

#c9d200
```
#c9d200 rgb(201,210,0)
```
#0060d2
```
#0060d2 rgb(0,96,210)
```
#d20900
```
#d20900 rgb(210,9,0)
```

Split Complementary Color

#60d200
```
#60d200 rgb(96,210,0)
```
#0060d2
```
#0060d2 rgb(0,96,210)
```
#d20060
```
#d20060 rgb(210,0,96)
```

Triadic Color

#00d272
```
#00d272 rgb(0,210,114)
```
#0060d2
```
#0060d2 rgb(0,96,210)
```
#d20060
```
#d20060 rgb(210,0,96)
```
#d27200
```
#d27200 rgb(210,114,0)
```

Tetradic Color

#003d86
```
#003d86 rgb(0,61,134)
```
#00499f
```
#00499f rgb(0,73,159)
```
#0054b9
```
#0054b9 rgb(0,84,185)
```
#0060d2
```
#0060d2 rgb(0,96,210)
```
#006cec
```
#006cec rgb(0,108,236)
```
#0678ff
```
#0678ff rgb(6,120,255)
```
#2086ff
```
#2086ff rgb(32,134,255)
```

Monochromatic Color

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

#0095d2
```
#0095d2 rgb(0,149,210)
```
#0083d2
```
#0083d2 rgb(0,131,210)
```
#0072d2
```
#0072d2 rgb(0,114,210)
```
#0060d2
```
#0060d2 rgb(0,96,210)
```
#004ed2
```
#004ed2 rgb(0,78,210)
```
#003dd2
```
#003dd2 rgb(0,61,210)
```
#002bd2
```
#002bd2 rgb(0,43,210)
```

Similar Colors

Text with hexadecimal color #0060d2

This text has a font color of #0060d2.

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

#0060d2 background color

This paragraph has a background color of #0060d2.

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

#0060d2 border color

This element has a border color of #0060d2.

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

CSS codes

.text {color:#0060d2;}

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

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

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

#00060e
```
#00060e rgb(0,6,14)
```
#000f21
```
#000f21 rgb(0,15,33)
```
#001835
```
#001835 rgb(0,24,53)
```
#002149
```
#002149 rgb(0,33,73)
```
#002a5c
```
#002a5c rgb(0,42,92)
```
#003370
```
#003370 rgb(0,51,112)
```
#003c84
```
#003c84 rgb(0,60,132)
```
#004597
```
#004597 rgb(0,69,151)
```
#004eab
```
#004eab rgb(0,78,171)
```
#0057be
```
#0057be rgb(0,87,190)
```
#0060d2
```
#0060d2 rgb(0,96,210)
```
#0069e6
```
#0069e6 rgb(0,105,230)
```
#0072f9
```
#0072f9 rgb(0,114,249)
```

Shade Color Variation

#0e7cff
```
#0e7cff rgb(14,124,255)
```
#2187ff
```
#2187ff rgb(33,135,255)
```
#3591ff
```
#3591ff rgb(53,145,255)
```
#499cff
```
#499cff rgb(73,156,255)
```
#5ca7ff
```
#5ca7ff rgb(92,167,255)
```
#70b1ff
```
#70b1ff rgb(112,177,255)
```
#84bcff
```
#84bcff rgb(132,188,255)
```
#97c7ff
```
#97c7ff rgb(151,199,255)
```
#abd1ff
```
#abd1ff rgb(171,209,255)
```
#bedcff
```
#bedcff rgb(190,220,255)
```
#d2e7ff
```
#d2e7ff rgb(210,231,255)
```
#e6f1ff
```
#e6f1ff rgb(230,241,255)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

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

#616871
```
#616871 rgb(97,104,113)
```
#596879
```
#596879 rgb(89,104,121)
```
#516781
```
#516781 rgb(81,103,129)
```
#496689
```
#496689 rgb(73,102,137)
```
#416691
```
#416691 rgb(65,102,145)
```
#396599
```
#396599 rgb(57,101,153)
```
#3064a2
```
#3064a2 rgb(48,100,162)
```
#2863aa
```
#2863aa rgb(40,99,170)
```
#2063b2
```
#2063b2 rgb(32,99,178)
```
#1862ba
```
#1862ba rgb(24,98,186)
```
#1061c2
```
#1061c2 rgb(16,97,194)
```
#0861ca
```
#0861ca rgb(8,97,202)
```
#0060d2
```
#0060d2 rgb(0,96,210)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#40536a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cf Protanopia 1% of men
#006fb5 Deuteranopia 1% of men
#00777e Tritanopia 0.001% of the population

Trichromacy

#0066d0 Protanomaly 1% of men, 0.01% of women
#0069bf Deuteranomaly 6% of men, 0.4% of women
#006f9c Tritanomaly 0.01% of the population

#0060d2 hex color

#0060d2 Color Information

#0060d2 Color Conversion

Color Schemes with #0060d2

Alternatives to #0060d2

#0060d2 Preview

Shades and Tints of #0060d2

Tones of #0060d2

Color Blindness Simulator