#2c60b7 hex color

In a RGB color space, hex #2c60b7 is composed of 17.3% red, 37.6% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 47.5% magenta, 0% yellow and 28.2% black. It has a hue angle of 217.6 degrees, a saturation of 61.2% and a lightness of 44.5%. #2c60b7 color hex could be obtained by blending #58c0ff with #00006f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 38
- B 72
RGB color chart
- C 76
- M 48
- Y 0
- K 28
CMYK color chart

● #2c60b7 color description : Strong blue.

The hexadecimal color #2c60b7 has RGB values of R:44, G:96, B:183 and CMYK values of C:0.76, M:0.48, Y:0, K:0.28. Its decimal value is 2908343.

Hex triplet	2c60b7	`#2c60b7`
RGB Decimal	44, 96, 183	`rgb(44,96,183)`
RGB Percent	17.3, 37.6, 71.8	`rgb(17.3%,37.6%,71.8%)`
CMYK	76, 48, 0, 28
HSL	217.6°, 61.2, 44.5	`hsl(217.6,61.2%,44.5%)`
HSV (or HSB)	217.6°, 76, 71.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.719, 13.797, -51.043
XYZ	13.767, 12.319, 46.449
xyY	0.19, 0.17, 12.319
CIE-LCH	41.719, 52.874, 285.126
CIE-LUV	41.719, -18.912, -76.046
Hunter-Lab	35.099, 8.592, -53.895
Binary	00101100, 01100000, 10110111

#2c60b7
```
#2c60b7 rgb(44,96,183)
```
#b7832c
```
#b7832c rgb(183,131,44)
```

Complementary Color

#2ca6b7
```
#2ca6b7 rgb(44,166,183)
```
#2c60b7
```
#2c60b7 rgb(44,96,183)
```
#3e2cb7
```
#3e2cb7 rgb(62,44,183)
```

Analogous Color

#a6b72c
```
#a6b72c rgb(166,183,44)
```
#2c60b7
```
#2c60b7 rgb(44,96,183)
```
#b73e2c
```
#b73e2c rgb(183,62,44)
```

Split Complementary Color

#60b72c
```
#60b72c rgb(96,183,44)
```
#2c60b7
```
#2c60b7 rgb(44,96,183)
```
#b72c60
```
#b72c60 rgb(183,44,96)
```

Triadic Color

#2cb783
```
#2cb783 rgb(44,183,131)
```
#2c60b7
```
#2c60b7 rgb(44,96,183)
```
#b72c60
```
#b72c60 rgb(183,44,96)
```
#b7832c
```
#b7832c rgb(183,131,44)
```

Tetradic Color

#1d4079
```
#1d4079 rgb(29,64,121)
```
#224a8e
```
#224a8e rgb(34,74,142)
```
#2755a2
```
#2755a2 rgb(39,85,162)
```
#2c60b7
```
#2c60b7 rgb(44,96,183)
```
#316bcc
```
#316bcc rgb(49,107,204)
```
#4479d2
```
#4479d2 rgb(68,121,210)
```
#5988d7
```
#5988d7 rgb(89,136,215)
```

Monochromatic Color

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

#2c83b7
```
#2c83b7 rgb(44,131,183)
```
#2c77b7
```
#2c77b7 rgb(44,119,183)
```
#2c6cb7
```
#2c6cb7 rgb(44,108,183)
```
#2c60b7
```
#2c60b7 rgb(44,96,183)
```
#2c54b7
```
#2c54b7 rgb(44,84,183)
```
#2c49b7
```
#2c49b7 rgb(44,73,183)
```
#2c3db7
```
#2c3db7 rgb(44,61,183)
```

Similar Colors

Text with hexadecimal color #2c60b7

This text has a font color of #2c60b7.

<span style="color:#2c60b7;">Text here</span>

#2c60b7 background color

This paragraph has a background color of #2c60b7.

<p style="background-color:#2c60b7;">Content here</p>

#2c60b7 border color

This element has a border color of #2c60b7.

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

CSS codes

.text {color:#2c60b7;}

.background {background-color:#2c60b7;}

.border {border:1px solid #2c60b7;}

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

#020509
```
#020509 rgb(2,5,9)
```
#060d19
```
#060d19 rgb(6,13,25)
```
#0a1529
```
#0a1529 rgb(10,21,41)
```
#0e1e38
```
#0e1e38 rgb(14,30,56)
```
#112648
```
#112648 rgb(17,38,72)
```
#152e58
```
#152e58 rgb(21,46,88)
```
#193768
```
#193768 rgb(25,55,104)
```
#1d3f78
```
#1d3f78 rgb(29,63,120)
```
#214788
```
#214788 rgb(33,71,136)
```
#244f97
```
#244f97 rgb(36,79,151)
```
#2858a7
```
#2858a7 rgb(40,88,167)
```
#2c60b7
```
#2c60b7 rgb(44,96,183)
```
#3068c7
```
#3068c7 rgb(48,104,199)
```

Shade Color Variation

#3a72d0
```
#3a72d0 rgb(58,114,208)
```
#4a7ed4
```
#4a7ed4 rgb(74,126,212)
```
#5a89d7
```
#5a89d7 rgb(90,137,215)
```
#6a94db
```
#6a94db rgb(106,148,219)
```
#7aa0df
```
#7aa0df rgb(122,160,223)
```
#8aabe3
```
#8aabe3 rgb(138,171,227)
```
#99b6e7
```
#99b6e7 rgb(153,182,231)
```
#a9c2ea
```
#a9c2ea rgb(169,194,234)
```
#b9cdee
```
#b9cdee rgb(185,205,238)
```
#c9d8f2
```
#c9d8f2 rgb(201,216,242)
```
#d9e4f6
```
#d9e4f6 rgb(217,228,246)
```
#e8effa
```
#e8effa rgb(232,239,250)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696f7a is the less saturated color, while #0055e3 is the most saturated one.

#696f7a
```
#696f7a rgb(105,111,122)
```
#606d83
```
#606d83 rgb(96,109,131)
```
#586b8b
```
#586b8b rgb(88,107,139)
```
#4f6994
```
#4f6994 rgb(79,105,148)
```
#46679d
```
#46679d rgb(70,103,157)
```
#3d64a6
```
#3d64a6 rgb(61,100,166)
```
#3562ae
```
#3562ae rgb(53,98,174)
```
#2c60b7
```
#2c60b7 rgb(44,96,183)
```
#235ec0
```
#235ec0 rgb(35,94,192)
```
#1b5cc8
```
#1b5cc8 rgb(27,92,200)
```
#1259d1
```
#1259d1 rgb(18,89,209)
```
#0957da
```
#0957da rgb(9,87,218)
```
#0055e3
```
#0055e3 rgb(0,85,227)
```

Tone Color Variation

Below, you can see how #2c60b7 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

#5a5a5a Achromatopsia 0.005% of the population
#515b6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b67ba Protanopia 1% of men
#006cb3 Deuteranopia 1% of men
#00757c Tritanopia 0.001% of the population

Trichromacy

#3565b9 Protanomaly 1% of men, 0.01% of women
#1067b5 Deuteranomaly 6% of men, 0.4% of women
#106d91 Tritanomaly 0.01% of the population

#2c60b7 hex color

#2c60b7 Color Information

#2c60b7 Color Conversion

Color Schemes with #2c60b7

Alternatives to #2c60b7

#2c60b7 Preview

Shades and Tints of #2c60b7

Tones of #2c60b7

Color Blindness Simulator