#3106cc hex color

In a RGB color space, hex #3106cc is composed of 19.2% red, 2.4% green and 80% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 97.1% magenta, 0% yellow and 20% black. It has a hue angle of 253 degrees, a saturation of 94.3% and a lightness of 41.2%. #3106cc color hex could be obtained by blending #620cff with #000099. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 19
- G 2
- B 80
RGB color chart
- C 76
- M 97
- Y 0
- K 20
CMYK color chart

● #3106cc color description : Strong blue.

The hexadecimal color #3106cc has RGB values of R:49, G:6, B:204 and CMYK values of C:0.76, M:0.97, Y:0, K:0.2. Its decimal value is 3213004.

Hex triplet	3106cc	`#3106cc`
RGB Decimal	49, 6, 204	`rgb(49,6,204)`
RGB Percent	19.2, 2.4, 80	`rgb(19.2%,2.4%,80%)`
CMYK	76, 97, 0, 20
HSL	253°, 94.3, 41.2	`hsl(253,94.3%,41.2%)`
HSV (or HSB)	253°, 97.1, 80
Web Safe	3300cc	`#3300cc`

CIE-LAB	27.136, 66.486, -87.26
XYZ	12.229, 5.142, 57.471
xyY	0.163, 0.069, 5.142
CIE-LCH	27.136, 109.702, 307.305
CIE-LUV	27.136, -3.874, -102.848
Hunter-Lab	22.676, 56.577, -134.393
Binary	00110001, 00000110, 11001100

#3106cc
```
#3106cc rgb(49,6,204)
```
#a1cc06
```
#a1cc06 rgb(161,204,6)
```

Complementary Color

#063ecc
```
#063ecc rgb(6,62,204)
```
#3106cc
```
#3106cc rgb(49,6,204)
```
#9406cc
```
#9406cc rgb(148,6,204)
```

Analogous Color

#3ecc06
```
#3ecc06 rgb(62,204,6)
```
#3106cc
```
#3106cc rgb(49,6,204)
```
#cc9406
```
#cc9406 rgb(204,148,6)
```

Split Complementary Color

#06cc31
```
#06cc31 rgb(6,204,49)
```
#3106cc
```
#3106cc rgb(49,6,204)
```
#cc3106
```
#cc3106 rgb(204,49,6)
```

Triadic Color

#06a1cc
```
#06a1cc rgb(6,161,204)
```
#3106cc
```
#3106cc rgb(49,6,204)
```
#cc3106
```
#cc3106 rgb(204,49,6)
```
#a1cc06
```
#a1cc06 rgb(161,204,6)
```

Tetradic Color

#1f0482
```
#1f0482 rgb(31,4,130)
```
#25059a
```
#25059a rgb(37,5,154)
```
#2b05b3
```
#2b05b3 rgb(43,5,179)
```
#3106cc
```
#3106cc rgb(49,6,204)
```
#3707e5
```
#3707e5 rgb(55,7,229)
```
#400df8
```
#400df8 rgb(64,13,248)
```
#5426f9
```
#5426f9 rgb(84,38,249)
```

Monochromatic Color

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

#060dcc
```
#060dcc rgb(6,13,204)
```
#1006cc
```
#1006cc rgb(16,6,204)
```
#2106cc
```
#2106cc rgb(33,6,204)
```
#3106cc
```
#3106cc rgb(49,6,204)
```
#4206cc
```
#4206cc rgb(66,6,204)
```
#5206cc
```
#5206cc rgb(82,6,204)
```
#6306cc
```
#6306cc rgb(99,6,204)
```

Similar Colors

Text with hexadecimal color #3106cc

This text has a font color of #3106cc.

<span style="color:#3106cc;">Text here</span>

#3106cc background color

This paragraph has a background color of #3106cc.

<p style="background-color:#3106cc;">Content here</p>

#3106cc border color

This element has a border color of #3106cc.

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

CSS codes

.text {color:#3106cc;}

.background {background-color:#3106cc;}

.border {border:1px solid #3106cc;}

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, #03000d is the darkest color, while #fbf9ff is the lightest one.

#03000d
```
#03000d rgb(3,0,13)
```
#080121
```
#080121 rgb(8,1,33)
```
#0c0234
```
#0c0234 rgb(12,2,52)
```
#110247
```
#110247 rgb(17,2,71)
```
#16035a
```
#16035a rgb(22,3,90)
```
#1a036d
```
#1a036d rgb(26,3,109)
```
#1f0480
```
#1f0480 rgb(31,4,128)
```
#230493
```
#230493 rgb(35,4,147)
```
#2805a6
```
#2805a6 rgb(40,5,166)
```
#2c05b9
```
#2c05b9 rgb(44,5,185)
```
#3106cc
```
#3106cc rgb(49,6,204)
```
#3607df
```
#3607df rgb(54,7,223)
```
#3a07f2
```
#3a07f2 rgb(58,7,242)
```

Shade Color Variation

#4615f8
```
#4615f8 rgb(70,21,248)
```
#5528f9
```
#5528f9 rgb(85,40,249)
```
#643bf9
```
#643bf9 rgb(100,59,249)
```
#734efa
```
#734efa rgb(115,78,250)
```
#8261fa
```
#8261fa rgb(130,97,250)
```
#9174fb
```
#9174fb rgb(145,116,251)
```
#a087fb
```
#a087fb rgb(160,135,251)
```
#af9afc
```
#af9afc rgb(175,154,252)
```
#beadfd
```
#beadfd rgb(190,173,253)
```
#cdc0fd
```
#cdc0fd rgb(205,192,253)
```
#ddd3fe
```
#ddd3fe rgb(221,211,254)
```
#ece6fe
```
#ece6fe rgb(236,230,254)
```
#fbf9ff
```
#fbf9ff rgb(251,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #68676b is the less saturated color, while #3106cc is the most saturated one.

#68676b
```
#68676b rgb(104,103,107)
```
#635f73
```
#635f73 rgb(99,95,115)
```
#5f577b
```
#5f577b rgb(95,87,123)
```
#5a4f83
```
#5a4f83 rgb(90,79,131)
```
#56478b
```
#56478b rgb(86,71,139)
```
#513f93
```
#513f93 rgb(81,63,147)
```
#4c369c
```
#4c369c rgb(76,54,156)
```
#482ea4
```
#482ea4 rgb(72,46,164)
```
#4326ac
```
#4326ac rgb(67,38,172)
```
#3f1eb4
```
#3f1eb4 rgb(63,30,180)
```
#3a16bc
```
#3a16bc rgb(58,22,188)
```
#360ec4
```
#360ec4 rgb(54,14,196)
```
#3106cc
```
#3106cc rgb(49,6,204)
```

Tone Color Variation

Below, you can see how #3106cc 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

#292929 Achromatopsia 0.005% of the population
#2b224a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488b Protanopia 1% of men
#004c78 Deuteranopia 1% of men
#005155 Tritanopia 0.001% of the population

Trichromacy

#1130a2 Protanomaly 1% of men, 0.01% of women
#113296 Deuteranomaly 6% of men, 0.4% of women
#113680 Tritanomaly 0.01% of the population

#3106cc hex color

#3106cc Color Information

#3106cc Color Conversion

Color Schemes with #3106cc

Alternatives to #3106cc

#3106cc Preview

Shades and Tints of #3106cc

Tones of #3106cc

Color Blindness Simulator