#331bcc hex color

In a RGB color space, hex #331bcc is composed of 20% red, 10.6% green and 80% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 86.8% magenta, 0% yellow and 20% black. It has a hue angle of 248.1 degrees, a saturation of 76.6% and a lightness of 45.3%. #331bcc color hex could be obtained by blending #6636ff with #000099. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 20
- G 11
- B 80
RGB color chart
- C 75
- M 87
- Y 0
- K 20
CMYK color chart

● #331bcc color description : Strong blue.

The hexadecimal color #331bcc has RGB values of R:51, G:27, B:204 and CMYK values of C:0.75, M:0.87, Y:0, K:0.2. Its decimal value is 3349452.

Hex triplet	331bcc	`#331bcc`
RGB Decimal	51, 27, 204	`rgb(51,27,204)`
RGB Percent	20, 10.6, 80	`rgb(20%,10.6%,80%)`
CMYK	75, 87, 0, 20
HSL	248.1°, 76.6, 45.3	`hsl(248.1,76.6%,45.3%)`
HSV (or HSB)	248.1°, 86.8, 80
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.022, 61.25, -84.114
XYZ	12.654, 5.847, 57.585
xyY	0.166, 0.077, 5.847
CIE-LCH	29.022, 104.052, 306.061
CIE-LUV	29.022, -4.718, -104.006
Hunter-Lab	24.18, 51.101, -124.276
Binary	00110011, 00011011, 11001100

#331bcc
```
#331bcc rgb(51,27,204)
```
#b4cc1b
```
#b4cc1b rgb(180,204,27)
```

Complementary Color

#1b5ccc
```
#1b5ccc rgb(27,92,204)
```
#331bcc
```
#331bcc rgb(51,27,204)
```
#8c1bcc
```
#8c1bcc rgb(140,27,204)
```

Analogous Color

#5ccc1b
```
#5ccc1b rgb(92,204,27)
```
#331bcc
```
#331bcc rgb(51,27,204)
```
#cc8c1b
```
#cc8c1b rgb(204,140,27)
```

Split Complementary Color

#1bcc33
```
#1bcc33 rgb(27,204,51)
```
#331bcc
```
#331bcc rgb(51,27,204)
```
#cc331b
```
#cc331b rgb(204,51,27)
```

Triadic Color

#1bb4cc
```
#1bb4cc rgb(27,180,204)
```
#331bcc
```
#331bcc rgb(51,27,204)
```
#cc331b
```
#cc331b rgb(204,51,27)
```
#b4cc1b
```
#b4cc1b rgb(180,204,27)
```

Tetradic Color

#221288
```
#221288 rgb(34,18,136)
```
#28159f
```
#28159f rgb(40,21,159)
```
#2d18b5
```
#2d18b5 rgb(45,24,181)
```
#331bcc
```
#331bcc rgb(51,27,204)
```
#391fe1
```
#391fe1 rgb(57,31,225)
```
#4d36e4
```
#4d36e4 rgb(77,54,228)
```
#614ce7
```
#614ce7 rgb(97,76,231)
```

Monochromatic Color

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

#1b2fcc
```
#1b2fcc rgb(27,47,204)
```
#1b21cc
```
#1b21cc rgb(27,33,204)
```
#241bcc
```
#241bcc rgb(36,27,204)
```
#331bcc
```
#331bcc rgb(51,27,204)
```
#421bcc
```
#421bcc rgb(66,27,204)
```
#501bcc
```
#501bcc rgb(80,27,204)
```
#5f1bcc
```
#5f1bcc rgb(95,27,204)
```

Similar Colors

Text with hexadecimal color #331bcc

This text has a font color of #331bcc.

<span style="color:#331bcc;">Text here</span>

#331bcc background color

This paragraph has a background color of #331bcc.

<p style="background-color:#331bcc;">Content here</p>

#331bcc border color

This element has a border color of #331bcc.

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

CSS codes

.text {color:#331bcc;}

.background {background-color:#331bcc;}

.border {border:1px solid #331bcc;}

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

#03020d
```
#03020d rgb(3,2,13)
```
#08041f
```
#08041f rgb(8,4,31)
```
#0c0630
```
#0c0630 rgb(12,6,48)
```
#100941
```
#100941 rgb(16,9,65)
```
#150b53
```
#150b53 rgb(21,11,83)
```
#190d64
```
#190d64 rgb(25,13,100)
```
#1d1075
```
#1d1075 rgb(29,16,117)
```
#221287
```
#221287 rgb(34,18,135)
```
#261498
```
#261498 rgb(38,20,152)
```
#2a16a9
```
#2a16a9 rgb(42,22,169)
```
#2f19bb
```
#2f19bb rgb(47,25,187)
```
#331bcc
```
#331bcc rgb(51,27,204)
```
#371ddd
```
#371ddd rgb(55,29,221)
```

Shade Color Variation

#442be3
```
#442be3 rgb(68,43,227)
```
#533de5
```
#533de5 rgb(83,61,229)
```
#634ee8
```
#634ee8 rgb(99,78,232)
```
#725fea
```
#725fea rgb(114,95,234)
```
#8171ec
```
#8171ec rgb(129,113,236)
```
#9182ee
```
#9182ee rgb(145,130,238)
```
#a093f1
```
#a093f1 rgb(160,147,241)
```
#afa5f3
```
#afa5f3 rgb(175,165,243)
```
#beb6f5
```
#beb6f5 rgb(190,182,245)
```
#cec7f8
```
#cec7f8 rgb(206,199,248)
```
#ddd8fa
```
#ddd8fa rgb(221,216,250)
```
#eceafc
```
#eceafc rgb(236,234,252)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d6b7c is the less saturated color, while #2000e7 is the most saturated one.

#6d6b7c
```
#6d6b7c rgb(109,107,124)
```
#676285
```
#676285 rgb(103,98,133)
```
#60598e
```
#60598e rgb(96,89,142)
```
#5a5097
```
#5a5097 rgb(90,80,151)
```
#5347a0
```
#5347a0 rgb(83,71,160)
```
#4d3fa8
```
#4d3fa8 rgb(77,63,168)
```
#4636b1
```
#4636b1 rgb(70,54,177)
```
#402dba
```
#402dba rgb(64,45,186)
```
#3924c3
```
#3924c3 rgb(57,36,195)
```
#331bcc
```
#331bcc rgb(51,27,204)
```
#2d12d5
```
#2d12d5 rgb(45,18,213)
```
#2609de
```
#2609de rgb(38,9,222)
```
#2000e7
```
#2000e7 rgb(32,0,231)
```

Tone Color Variation

Below, you can see how #331bcc 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

#363636 Achromatopsia 0.005% of the population
#353154 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b93 Protanopia 1% of men
#00507f Deuteranopia 1% of men
#005559 Tritanopia 0.001% of the population

Trichromacy

#123aa7 Protanomaly 1% of men, 0.01% of women
#123d9b Deuteranomaly 6% of men, 0.4% of women
#124083 Tritanomaly 0.01% of the population

#331bcc hex color

#331bcc Color Information

#331bcc Color Conversion

Color Schemes with #331bcc

Alternatives to #331bcc

#331bcc Preview

Shades and Tints of #331bcc

Tones of #331bcc

Color Blindness Simulator