#0060cd hex color

In a RGB color space, hex #0060cd is composed of 0% red, 37.6% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 53.2% magenta, 0% yellow and 19.6% black. It has a hue angle of 211.9 degrees, a saturation of 100% and a lightness of 40.2%. #0060cd color hex could be obtained by blending #00c0ff with #00009b. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 38
- B 80
RGB color chart
- C 100
- M 53
- Y 0
- K 20
CMYK color chart

● #0060cd color description : Strong blue.

The hexadecimal color #0060cd has RGB values of R:0, G:96, B:205 and CMYK values of C:1, M:0.53, Y:0, K:0.2. Its decimal value is 24781.

Hex triplet	0060cd	`#0060cd`
RGB Decimal	0, 96, 205	`rgb(0,96,205)`
RGB Percent	0, 37.6, 80.4	`rgb(0%,37.6%,80.4%)`
CMYK	100, 53, 0, 20
HSL	211.9°, 100, 40.2	`hsl(211.9,100%,40.2%)`
HSV (or HSB)	211.9°, 100, 80.4
Web Safe	0066cc	`#0066cc`

CIE-LAB	42.418, 19.595, -62.716
XYZ	15.2, 12.772, 59.418
xyY	0.174, 0.146, 12.772
CIE-LCH	42.418, 65.706, 287.351
CIE-LUV	42.418, -22.021, -93.631
Hunter-Lab	35.738, 13.376, -73.559
Binary	00000000, 01100000, 11001101

#0060cd
```
#0060cd rgb(0,96,205)
```
#cd6d00
```
#cd6d00 rgb(205,109,0)
```

Complementary Color

#00c7cd
```
#00c7cd rgb(0,199,205)
```
#0060cd
```
#0060cd rgb(0,96,205)
```
#0700cd
```
#0700cd rgb(7,0,205)
```

Analogous Color

#c7cd00
```
#c7cd00 rgb(199,205,0)
```
#0060cd
```
#0060cd rgb(0,96,205)
```
#cd0700
```
#cd0700 rgb(205,7,0)
```

Split Complementary Color

#60cd00
```
#60cd00 rgb(96,205,0)
```
#0060cd
```
#0060cd rgb(0,96,205)
```
#cd0060
```
#cd0060 rgb(205,0,96)
```

Triadic Color

#00cd6d
```
#00cd6d rgb(0,205,109)
```
#0060cd
```
#0060cd rgb(0,96,205)
```
#cd0060
```
#cd0060 rgb(205,0,96)
```
#cd6d00
```
#cd6d00 rgb(205,109,0)
```

Tetradic Color

#003c81
```
#003c81 rgb(0,60,129)
```
#00489a
```
#00489a rgb(0,72,154)
```
#0054b4
```
#0054b4 rgb(0,84,180)
```
#0060cd
```
#0060cd rgb(0,96,205)
```
#006ce7
```
#006ce7 rgb(0,108,231)
```
#0178ff
```
#0178ff rgb(1,120,255)
```
#1b86ff
```
#1b86ff rgb(27,134,255)
```

Monochromatic Color

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

#0093cd
```
#0093cd rgb(0,147,205)
```
#0082cd
```
#0082cd rgb(0,130,205)
```
#0071cd
```
#0071cd rgb(0,113,205)
```
#0060cd
```
#0060cd rgb(0,96,205)
```
#004fcd
```
#004fcd rgb(0,79,205)
```
#003ecd
```
#003ecd rgb(0,62,205)
```
#002dcd
```
#002dcd rgb(0,45,205)
```

Similar Colors

Text with hexadecimal color #0060cd

This text has a font color of #0060cd.

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

#0060cd background color

This paragraph has a background color of #0060cd.

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

#0060cd border color

This element has a border color of #0060cd.

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

CSS codes

.text {color:#0060cd;}

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

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

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

#000409
```
#000409 rgb(0,4,9)
```
#000d1c
```
#000d1c rgb(0,13,28)
```
#001730
```
#001730 rgb(0,23,48)
```
#002044
```
#002044 rgb(0,32,68)
```
#002957
```
#002957 rgb(0,41,87)
```
#00326b
```
#00326b rgb(0,50,107)
```
#003b7f
```
#003b7f rgb(0,59,127)
```
#004492
```
#004492 rgb(0,68,146)
```
#004ea6
```
#004ea6 rgb(0,78,166)
```
#0057b9
```
#0057b9 rgb(0,87,185)
```
#0060cd
```
#0060cd rgb(0,96,205)
```
#0069e1
```
#0069e1 rgb(0,105,225)
```
#0072f4
```
#0072f4 rgb(0,114,244)
```

Shade Color Variation

#097cff
```
#097cff rgb(9,124,255)
```
#1c87ff
```
#1c87ff rgb(28,135,255)
```
#3091ff
```
#3091ff rgb(48,145,255)
```
#449bff
```
#449bff rgb(68,155,255)
```
#57a6ff
```
#57a6ff rgb(87,166,255)
```
#6bb0ff
```
#6bb0ff rgb(107,176,255)
```
#7fbbff
```
#7fbbff rgb(127,187,255)
```
#92c5ff
```
#92c5ff rgb(146,197,255)
```
#a6d0ff
```
#a6d0ff rgb(166,208,255)
```
#b9daff
```
#b9daff rgb(185,218,255)
```
#cde4ff
```
#cde4ff rgb(205,228,255)
```
#e1efff
```
#e1efff rgb(225,239,255)
```
#f4f9ff
```
#f4f9ff rgb(244,249,255)
```

Tint Color Variation

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

#5f666e
```
#5f666e rgb(95,102,110)
```
#576676
```
#576676 rgb(87,102,118)
```
#4f657e
```
#4f657e rgb(79,101,126)
```
#476586
```
#476586 rgb(71,101,134)
```
#3f648e
```
#3f648e rgb(63,100,142)
```
#376496
```
#376496 rgb(55,100,150)
```
#2f639e
```
#2f639e rgb(47,99,158)
```
#2763a6
```
#2763a6 rgb(39,99,166)
```
#2062ad
```
#2062ad rgb(32,98,173)
```
#1862b5
```
#1862b5 rgb(24,98,181)
```
#1061bd
```
#1061bd rgb(16,97,189)
```
#0861c5
```
#0861c5 rgb(8,97,197)
```
#0060cd
```
#0060cd rgb(0,96,205)
```

Tone Color Variation

Below, you can see how #0060cd 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
#405369 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cd Protanopia 1% of men
#006eb4 Deuteranopia 1% of men
#00767d Tritanopia 0.001% of the population

Trichromacy

#0065cd Protanomaly 1% of men, 0.01% of women
#0069bd Deuteranomaly 6% of men, 0.4% of women
#006e9a Tritanomaly 0.01% of the population

#0060cd hex color

#0060cd Color Information

#0060cd Color Conversion

Color Schemes with #0060cd

Alternatives to #0060cd

#0060cd Preview

Shades and Tints of #0060cd

Tones of #0060cd

Color Blindness Simulator