#3060c1 hex color

In a RGB color space, hex #3060c1 is composed of 18.8% red, 37.6% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 75.1% cyan, 50.3% magenta, 0% yellow and 24.3% black. It has a hue angle of 220.1 degrees, a saturation of 60.2% and a lightness of 47.3%. #3060c1 color hex could be obtained by blending #60c0ff with #000083. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 38
- B 76
RGB color chart
- C 75
- M 50
- Y 0
- K 24
CMYK color chart

● #3060c1 color description : Strong blue.

The hexadecimal color #3060c1 has RGB values of R:48, G:96, B:193 and CMYK values of C:0.75, M:0.5, Y:0, K:0.24. Its decimal value is 3170497.

Hex triplet	3060c1	`#3060c1`
RGB Decimal	48, 96, 193	`rgb(48,96,193)`
RGB Percent	18.8, 37.6, 75.7	`rgb(18.8%,37.6%,75.7%)`
CMYK	75, 50, 0, 24
HSL	220.1°, 60.2, 47.3	`hsl(220.1,60.2%,47.3%)`
HSV (or HSB)	220.1°, 75.1, 75.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.526, 18.086, -55.56
XYZ	15.025, 12.843, 52.136
xyY	0.188, 0.161, 12.843
CIE-LCH	42.526, 58.429, 288.031
CIE-LUV	42.526, -18.113, -83.399
Hunter-Lab	35.838, 12.123, -61.169
Binary	00110000, 01100000, 11000001

#3060c1
```
#3060c1 rgb(48,96,193)
```
#c19130
```
#c19130 rgb(193,145,48)
```

Complementary Color

#30a9c1
```
#30a9c1 rgb(48,169,193)
```
#3060c1
```
#3060c1 rgb(48,96,193)
```
#4830c1
```
#4830c1 rgb(72,48,193)
```

Analogous Color

#a9c130
```
#a9c130 rgb(169,193,48)
```
#3060c1
```
#3060c1 rgb(48,96,193)
```
#c14830
```
#c14830 rgb(193,72,48)
```

Split Complementary Color

#60c130
```
#60c130 rgb(96,193,48)
```
#3060c1
```
#3060c1 rgb(48,96,193)
```
#c13060
```
#c13060 rgb(193,48,96)
```

Triadic Color

#30c191
```
#30c191 rgb(48,193,145)
```
#3060c1
```
#3060c1 rgb(48,96,193)
```
#c13060
```
#c13060 rgb(193,48,96)
```
#c19130
```
#c19130 rgb(193,145,48)
```

Tetradic Color

#214284
```
#214284 rgb(33,66,132)
```
#264c98
```
#264c98 rgb(38,76,152)
```
#2b56ad
```
#2b56ad rgb(43,86,173)
```
#3060c1
```
#3060c1 rgb(48,96,193)
```
#3c6ccf
```
#3c6ccf rgb(60,108,207)
```
#507cd4
```
#507cd4 rgb(80,124,212)
```
#658bd9
```
#658bd9 rgb(101,139,217)
```

Monochromatic Color

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

#3084c1
```
#3084c1 rgb(48,132,193)
```
#3078c1
```
#3078c1 rgb(48,120,193)
```
#306cc1
```
#306cc1 rgb(48,108,193)
```
#3060c1
```
#3060c1 rgb(48,96,193)
```
#3054c1
```
#3054c1 rgb(48,84,193)
```
#3048c1
```
#3048c1 rgb(48,72,193)
```
#303cc1
```
#303cc1 rgb(48,60,193)
```

Similar Colors

Text with hexadecimal color #3060c1

This text has a font color of #3060c1.

<span style="color:#3060c1;">Text here</span>

#3060c1 background color

This paragraph has a background color of #3060c1.

<p style="background-color:#3060c1;">Content here</p>

#3060c1 border color

This element has a border color of #3060c1.

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

CSS codes

.text {color:#3060c1;}

.background {background-color:#3060c1;}

.border {border:1px solid #3060c1;}

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

#010204
```
#010204 rgb(1,2,4)
```
#050a14
```
#050a14 rgb(5,10,20)
```
#091224
```
#091224 rgb(9,18,36)
```
#0d1a34
```
#0d1a34 rgb(13,26,52)
```
#112143
```
#112143 rgb(17,33,67)
```
#152953
```
#152953 rgb(21,41,83)
```
#193163
```
#193163 rgb(25,49,99)
```
#1c3972
```
#1c3972 rgb(28,57,114)
```
#204182
```
#204182 rgb(32,65,130)
```
#244992
```
#244992 rgb(36,73,146)
```
#2850a2
```
#2850a2 rgb(40,80,162)
```
#2c58b1
```
#2c58b1 rgb(44,88,177)
```
#3060c1
```
#3060c1 rgb(48,96,193)
```

Shade Color Variation

#3769cd
```
#3769cd rgb(55,105,205)
```
#4775d1
```
#4775d1 rgb(71,117,209)
```
#5781d5
```
#5781d5 rgb(87,129,213)
```
#668cd9
```
#668cd9 rgb(102,140,217)
```
#7698dd
```
#7698dd rgb(118,152,221)
```
#86a4e1
```
#86a4e1 rgb(134,164,225)
```
#96b0e5
```
#96b0e5 rgb(150,176,229)
```
#a5bce9
```
#a5bce9 rgb(165,188,233)
```
#b5c7ed
```
#b5c7ed rgb(181,199,237)
```
#c5d3f0
```
#c5d3f0 rgb(197,211,240)
```
#d4dff4
```
#d4dff4 rgb(212,223,244)
```
#e4ebf8
```
#e4ebf8 rgb(228,235,248)
```
#f4f7fc
```
#f4f7fc rgb(244,247,252)
```

Tint Color Variation

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

#717680
```
#717680 rgb(113,118,128)
```
#687389
```
#687389 rgb(104,115,137)
```
#5e7093
```
#5e7093 rgb(94,112,147)
```
#556d9c
```
#556d9c rgb(85,109,156)
```
#4c69a5
```
#4c69a5 rgb(76,105,165)
```
#4366ae
```
#4366ae rgb(67,102,174)
```
#3963b8
```
#3963b8 rgb(57,99,184)
```
#3060c1
```
#3060c1 rgb(48,96,193)
```
#275dca
```
#275dca rgb(39,93,202)
```
#1d5ad4
```
#1d5ad4 rgb(29,90,212)
```
#1457dd
```
#1457dd rgb(20,87,221)
```
#0b53e6
```
#0b53e6 rgb(11,83,230)
```
#0250ef
```
#0250ef rgb(2,80,239)
```

Tone Color Variation

Below, you can see how #3060c1 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

#5d5d5d Achromatopsia 0.005% of the population
#545e71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f69c5 Protanopia 1% of men
#006eb6 Deuteranopia 1% of men
#00777e Tritanopia 0.001% of the population

Trichromacy

#2f65c3 Protanomaly 1% of men, 0.01% of women
#1169ba Deuteranomaly 6% of men, 0.4% of women
#116e96 Tritanomaly 0.01% of the population

#3060c1 hex color

#3060c1 Color Information

#3060c1 Color Conversion

Color Schemes with #3060c1

Alternatives to #3060c1

#3060c1 Preview

Shades and Tints of #3060c1

Tones of #3060c1

Color Blindness Simulator