#3068c2 hex color

In a RGB color space, hex #3068c2 is composed of 18.8% red, 40.8% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 46.4% magenta, 0% yellow and 23.9% black. It has a hue angle of 217 degrees, a saturation of 60.3% and a lightness of 47.5%. #3068c2 color hex could be obtained by blending #60d0ff with #000085. Closest websafe color is: #3366cc.

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

● #3068c2 color description : Strong blue.

The hexadecimal color #3068c2 has RGB values of R:48, G:104, B:194 and CMYK values of C:0.75, M:0.46, Y:0, K:0.24. Its decimal value is 3172546.

Hex triplet	3068c2	`#3068c2`
RGB Decimal	48, 104, 194	`rgb(48,104,194)`
RGB Percent	18.8, 40.8, 76.1	`rgb(18.8%,40.8%,76.1%)`
CMYK	75, 46, 0, 24
HSL	217°, 60.3, 47.5	`hsl(217,60.3%,47.5%)`
HSV (or HSB)	217°, 75.3, 76.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.833, 13.315, -52.423
XYZ	15.905, 14.423, 52.982
xyY	0.191, 0.173, 14.423
CIE-LCH	44.833, 54.088, 284.251
CIE-LUV	44.833, -20.523, -79.566
Hunter-Lab	37.977, 8.294, -56.13
Binary	00110000, 01101000, 11000010

#3068c2
```
#3068c2 rgb(48,104,194)
```
#c28a30
```
#c28a30 rgb(194,138,48)
```

Complementary Color

#30b1c2
```
#30b1c2 rgb(48,177,194)
```
#3068c2
```
#3068c2 rgb(48,104,194)
```
#4130c2
```
#4130c2 rgb(65,48,194)
```

Analogous Color

#b1c230
```
#b1c230 rgb(177,194,48)
```
#3068c2
```
#3068c2 rgb(48,104,194)
```
#c24130
```
#c24130 rgb(194,65,48)
```

Split Complementary Color

#68c230
```
#68c230 rgb(104,194,48)
```
#3068c2
```
#3068c2 rgb(48,104,194)
```
#c23068
```
#c23068 rgb(194,48,104)
```

Triadic Color

#30c28a
```
#30c28a rgb(48,194,138)
```
#3068c2
```
#3068c2 rgb(48,104,194)
```
#c23068
```
#c23068 rgb(194,48,104)
```
#c28a30
```
#c28a30 rgb(194,138,48)
```

Tetradic Color

#214785
```
#214785 rgb(33,71,133)
```
#265299
```
#265299 rgb(38,82,153)
```
#2b5dae
```
#2b5dae rgb(43,93,174)
```
#3068c2
```
#3068c2 rgb(48,104,194)
```
#3d75cf
```
#3d75cf rgb(61,117,207)
```
#5183d4
```
#5183d4 rgb(81,131,212)
```
#6592d9
```
#6592d9 rgb(101,146,217)
```

Monochromatic Color

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

#308dc2
```
#308dc2 rgb(48,141,194)
```
#3080c2
```
#3080c2 rgb(48,128,194)
```
#3074c2
```
#3074c2 rgb(48,116,194)
```
#3068c2
```
#3068c2 rgb(48,104,194)
```
#305cc2
```
#305cc2 rgb(48,92,194)
```
#3050c2
```
#3050c2 rgb(48,80,194)
```
#3044c2
```
#3044c2 rgb(48,68,194)
```

Similar Colors

Text with hexadecimal color #3068c2

This text has a font color of #3068c2.

<span style="color:#3068c2;">Text here</span>

#3068c2 background color

This paragraph has a background color of #3068c2.

<p style="background-color:#3068c2;">Content here</p>

#3068c2 border color

This element has a border color of #3068c2.

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

CSS codes

.text {color:#3068c2;}

.background {background-color:#3068c2;}

.border {border:1px solid #3068c2;}

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

#010305
```
#010305 rgb(1,3,5)
```
#050b15
```
#050b15 rgb(5,11,21)
```
#091425
```
#091425 rgb(9,20,37)
```
#0d1c34
```
#0d1c34 rgb(13,28,52)
```
#112544
```
#112544 rgb(17,37,68)
```
#152d54
```
#152d54 rgb(21,45,84)
```
#193564
```
#193564 rgb(25,53,100)
```
#1d3e73
```
#1d3e73 rgb(29,62,115)
```
#204683
```
#204683 rgb(32,70,131)
```
#244f93
```
#244f93 rgb(36,79,147)
```
#2857a3
```
#2857a3 rgb(40,87,163)
```
#2c60b2
```
#2c60b2 rgb(44,96,178)
```
#3068c2
```
#3068c2 rgb(48,104,194)
```

Shade Color Variation

#3871ce
```
#3871ce rgb(56,113,206)
```
#487dd2
```
#487dd2 rgb(72,125,210)
```
#5788d6
```
#5788d6 rgb(87,136,214)
```
#6793d9
```
#6793d9 rgb(103,147,217)
```
#779edd
```
#779edd rgb(119,158,221)
```
#87a9e1
```
#87a9e1 rgb(135,169,225)
```
#96b4e5
```
#96b4e5 rgb(150,180,229)
```
#a6c0e9
```
#a6c0e9 rgb(166,192,233)
```
#b6cbed
```
#b6cbed rgb(182,203,237)
```
#c5d6f1
```
#c5d6f1 rgb(197,214,241)
```
#d5e1f5
```
#d5e1f5 rgb(213,225,245)
```
#e5ecf9
```
#e5ecf9 rgb(229,236,249)
```
#f5f8fc
```
#f5f8fc rgb(245,248,252)
```

Tint Color Variation

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

#717781
```
#717781 rgb(113,119,129)
```
#68758a
```
#68758a rgb(104,117,138)
```
#5f7393
```
#5f7393 rgb(95,115,147)
```
#55719d
```
#55719d rgb(85,113,157)
```
#4c6fa6
```
#4c6fa6 rgb(76,111,166)
```
#436caf
```
#436caf rgb(67,108,175)
```
#396ab9
```
#396ab9 rgb(57,106,185)
```
#3068c2
```
#3068c2 rgb(48,104,194)
```
#2766cb
```
#2766cb rgb(39,102,203)
```
#1d64d5
```
#1d64d5 rgb(29,100,213)
```
#1461de
```
#1461de rgb(20,97,222)
```
#0b5fe7
```
#0b5fe7 rgb(11,95,231)
```
#015df1
```
#015df1 rgb(1,93,241)
```

Tone Color Variation

Below, you can see how #3068c2 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

#626262 Achromatopsia 0.005% of the population
#586375 Atypical Achromatopsia 0.001% of the population

Dichromacy

#426fc4 Protanopia 1% of men
#0073c0 Deuteranopia 1% of men
#007c85 Tritanopia 0.001% of the population

Trichromacy

#3b6cc3 Protanomaly 1% of men, 0.01% of women
#116fc1 Deuteranomaly 6% of men, 0.4% of women
#11759b Tritanomaly 0.01% of the population

#3068c2 hex color

#3068c2 Color Information

#3068c2 Color Conversion

Color Schemes with #3068c2

Alternatives to #3068c2

#3068c2 Preview

Shades and Tints of #3068c2

Tones of #3068c2

Color Blindness Simulator