#060cd1 hex color

In a RGB color space, hex #060cd1 is composed of 2.4% red, 4.7% green and 82% blue. Whereas in a CMYK color space, it is composed of 97.1% cyan, 94.3% magenta, 0% yellow and 18% black. It has a hue angle of 238.2 degrees, a saturation of 94.4% and a lightness of 42.2%. #060cd1 color hex could be obtained by blending #0c18ff with #0000a3. Closest websafe color is: #0000cc.

♥
- f
- t
- g
- R 2
- G 5
- B 82
RGB color chart
- C 97
- M 94
- Y 0
- K 18
CMYK color chart

● #060cd1 color description : Strong blue.

The hexadecimal color #060cd1 has RGB values of R:6, G:12, B:209 and CMYK values of C:0.97, M:0.94, Y:0, K:0.18. Its decimal value is 396497.

Hex triplet	060cd1	`#060cd1`
RGB Decimal	6, 12, 209	`rgb(6,12,209)`
RGB Percent	2.4, 4.7, 82	`rgb(2.4%,4.7%,82%)`
CMYK	97, 94, 0, 18
HSL	238.2°, 94.4, 42.2	`hsl(238.2,94.4%,42.2%)`
HSV (or HSB)	238.2°, 97.1, 82
Web Safe	0000cc	`#0000cc`

CIE-LAB	26.46, 65.799, -91.349
XYZ	11.713, 4.904, 60.647
xyY	0.152, 0.063, 4.904
CIE-LCH	26.46, 112.58, 305.765
CIE-LUV	26.46, -7.743, -104.282
Hunter-Lab	22.145, 55.656, -146.87
Binary	00000110, 00001100, 11010001

#060cd1
```
#060cd1 rgb(6,12,209)
```
#d1cb06
```
#d1cb06 rgb(209,203,6)
```

Complementary Color

#0672d1
```
#0672d1 rgb(6,114,209)
```
#060cd1
```
#060cd1 rgb(6,12,209)
```
#6606d1
```
#6606d1 rgb(102,6,209)
```

Analogous Color

#72d106
```
#72d106 rgb(114,209,6)
```
#060cd1
```
#060cd1 rgb(6,12,209)
```
#d16606
```
#d16606 rgb(209,102,6)
```

Split Complementary Color

#0cd106
```
#0cd106 rgb(12,209,6)
```
#060cd1
```
#060cd1 rgb(6,12,209)
```
#d1060c
```
#d1060c rgb(209,6,12)
```

Triadic Color

#06d1cb
```
#06d1cb rgb(6,209,203)
```
#060cd1
```
#060cd1 rgb(6,12,209)
```
#d1060c
```
#d1060c rgb(209,6,12)
```
#d1cb06
```
#d1cb06 rgb(209,203,6)
```

Tetradic Color

#040887
```
#040887 rgb(4,8,135)
```
#05099f
```
#05099f rgb(5,9,159)
```
#050bb8
```
#050bb8 rgb(5,11,184)
```
#060cd1
```
#060cd1 rgb(6,12,209)
```
#070dea
```
#070dea rgb(7,13,234)
```
#1219f8
```
#1219f8 rgb(18,25,248)
```
#2b31f9
```
#2b31f9 rgb(43,49,249)
```

Monochromatic Color

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

#063fd1
```
#063fd1 rgb(6,63,209)
```
#062ed1
```
#062ed1 rgb(6,46,209)
```
#061dd1
```
#061dd1 rgb(6,29,209)
```
#060cd1
```
#060cd1 rgb(6,12,209)
```
#1106d1
```
#1106d1 rgb(17,6,209)
```
#2206d1
```
#2206d1 rgb(34,6,209)
```
#3306d1
```
#3306d1 rgb(51,6,209)
```

Similar Colors

Text with hexadecimal color #060cd1

This text has a font color of #060cd1.

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

#060cd1 background color

This paragraph has a background color of #060cd1.

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

#060cd1 border color

This element has a border color of #060cd1.

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

CSS codes

.text {color:#060cd1;}

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

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

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

#010112
```
#010112 rgb(1,1,18)
```
#010225
```
#010225 rgb(1,2,37)
```
#020338
```
#020338 rgb(2,3,56)
```
#02044c
```
#02044c rgb(2,4,76)
```
#03055f
```
#03055f rgb(3,5,95)
```
#030772
```
#030772 rgb(3,7,114)
```
#040885
```
#040885 rgb(4,8,133)
```
#040998
```
#040998 rgb(4,9,152)
```
#050aab
```
#050aab rgb(5,10,171)
```
#050bbe
```
#050bbe rgb(5,11,190)
```
#060cd1
```
#060cd1 rgb(6,12,209)
```
#070de4
```
#070de4 rgb(7,13,228)
```
#070ef7
```
#070ef7 rgb(7,14,247)
```

Shade Color Variation

#1920f8
```
#1920f8 rgb(25,32,248)
```
#2d33f9
```
#2d33f9 rgb(45,51,249)
```
#4045fa
```
#4045fa rgb(64,69,250)
```
#5358fa
```
#5358fa rgb(83,88,250)
```
#666afb
```
#666afb rgb(102,106,251)
```
#797dfb
```
#797dfb rgb(121,125,251)
```
#8c8ffc
```
#8c8ffc rgb(140,143,252)
```
#9fa2fc
```
#9fa2fc rgb(159,162,252)
```
#b2b4fd
```
#b2b4fd rgb(178,180,253)
```
#c5c7fd
```
#c5c7fd rgb(197,199,253)
```
#d8d9fe
```
#d8d9fe rgb(216,217,254)
```
#ebecfe
```
#ebecfe rgb(235,236,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#69696e
```
#69696e rgb(105,105,110)
```
#616276
```
#616276 rgb(97,98,118)
```
#595a7e
```
#595a7e rgb(89,90,126)
```
#505287
```
#505287 rgb(80,82,135)
```
#484a8f
```
#484a8f rgb(72,74,143)
```
#404297
```
#404297 rgb(64,66,151)
```
#383b9f
```
#383b9f rgb(56,59,159)
```
#2f33a8
```
#2f33a8 rgb(47,51,168)
```
#272bb0
```
#272bb0 rgb(39,43,176)
```
#1f23b8
```
#1f23b8 rgb(31,35,184)
```
#171cc0
```
#171cc0 rgb(23,28,192)
```
#0e14c9
```
#0e14c9 rgb(14,20,201)
```
#060cd1
```
#060cd1 rgb(6,12,209)
```

Tone Color Variation

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

#212121 Achromatopsia 0.005% of the population
#1c1d44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004688 Protanopia 1% of men
#004a75 Deuteranopia 1% of men
#004f52 Tritanopia 0.001% of the population

Trichromacy

#0231a3 Protanomaly 1% of men, 0.01% of women
#023396 Deuteranomaly 6% of men, 0.4% of women
#023780 Tritanomaly 0.01% of the population

#060cd1 hex color

#060cd1 Color Information

#060cd1 Color Conversion

Color Schemes with #060cd1

Alternatives to #060cd1

#060cd1 Preview

Shades and Tints of #060cd1

Tones of #060cd1

Color Blindness Simulator