#331cc4 hex color

In a RGB color space, hex #331cc4 is composed of 20% red, 11% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 85.7% magenta, 0% yellow and 23.1% black. It has a hue angle of 248.2 degrees, a saturation of 75% and a lightness of 43.9%. #331cc4 color hex could be obtained by blending #6638ff with #000089. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 20
- G 11
- B 77
RGB color chart
- C 74
- M 86
- Y 0
- K 23
CMYK color chart

● #331cc4 color description : Strong blue.

The hexadecimal color #331cc4 has RGB values of R:51, G:28, B:196 and CMYK values of C:0.74, M:0.86, Y:0, K:0.23. Its decimal value is 3349700.

Hex triplet	331cc4	`#331cc4`
RGB Decimal	51, 28, 196	`rgb(51,28,196)`
RGB Percent	20, 11, 76.9	`rgb(20%,11%,76.9%)`
CMYK	74, 86, 0, 23
HSL	248.2°, 75, 43.9	`hsl(248.2,75%,43.9%)`
HSV (or HSB)	248.2°, 85.7, 76.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	28.165, 58.656, -80.85
XYZ	11.742, 5.519, 52.668
xyY	0.168, 0.079, 5.519
CIE-LCH	28.165, 99.886, 305.961
CIE-LUV	28.165, -4.338, -99.461
Hunter-Lab	23.493, 48.106, -116.475
Binary	00110011, 00011100, 11000100

#331cc4
```
#331cc4 rgb(51,28,196)
```
#adc41c
```
#adc41c rgb(173,196,28)
```

Complementary Color

#1c59c4
```
#1c59c4 rgb(28,89,196)
```
#331cc4
```
#331cc4 rgb(51,28,196)
```
#871cc4
```
#871cc4 rgb(135,28,196)
```

Analogous Color

#59c41c
```
#59c41c rgb(89,196,28)
```
#331cc4
```
#331cc4 rgb(51,28,196)
```
#c4871c
```
#c4871c rgb(196,135,28)
```

Split Complementary Color

#1cc433
```
#1cc433 rgb(28,196,51)
```
#331cc4
```
#331cc4 rgb(51,28,196)
```
#c4331c
```
#c4331c rgb(196,51,28)
```

Triadic Color

#1cadc4
```
#1cadc4 rgb(28,173,196)
```
#331cc4
```
#331cc4 rgb(51,28,196)
```
#c4331c
```
#c4331c rgb(196,51,28)
```
#adc41c
```
#adc41c rgb(173,196,28)
```

Tetradic Color

#221281
```
#221281 rgb(34,18,129)
```
#271697
```
#271697 rgb(39,22,151)
```
#2d19ae
```
#2d19ae rgb(45,25,174)
```
#331cc4
```
#331cc4 rgb(51,28,196)
```
#391fda
```
#391fda rgb(57,31,218)
```
#4a31e2
```
#4a31e2 rgb(74,49,226)
```
#5d48e5
```
#5d48e5 rgb(93,72,229)
```

Monochromatic Color

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

#1c2fc4
```
#1c2fc4 rgb(28,47,196)
```
#1c21c4
```
#1c21c4 rgb(28,33,196)
```
#251cc4
```
#251cc4 rgb(37,28,196)
```
#331cc4
```
#331cc4 rgb(51,28,196)
```
#411cc4
```
#411cc4 rgb(65,28,196)
```
#4f1cc4
```
#4f1cc4 rgb(79,28,196)
```
#5d1cc4
```
#5d1cc4 rgb(93,28,196)
```

Similar Colors

Text with hexadecimal color #331cc4

This text has a font color of #331cc4.

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

#331cc4 background color

This paragraph has a background color of #331cc4.

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

#331cc4 border color

This element has a border color of #331cc4.

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

CSS codes

.text {color:#331cc4;}

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

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

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

#020107
```
#020107 rgb(2,1,7)
```
#060318
```
#060318 rgb(6,3,24)
```
#0b062a
```
#0b062a rgb(11,6,42)
```
#0f083b
```
#0f083b rgb(15,8,59)
```
#140b4c
```
#140b4c rgb(20,11,76)
```
#180d5d
```
#180d5d rgb(24,13,93)
```
#1d106e
```
#1d106e rgb(29,16,110)
```
#21127f
```
#21127f rgb(33,18,127)
```
#261591
```
#261591 rgb(38,21,145)
```
#2a17a2
```
#2a17a2 rgb(42,23,162)
```
#2f1ab3
```
#2f1ab3 rgb(47,26,179)
```
#331cc4
```
#331cc4 rgb(51,28,196)
```
#371ed5
```
#371ed5 rgb(55,30,213)
```

Shade Color Variation

#4027e0
```
#4027e0 rgb(64,39,224)
```
#5038e3
```
#5038e3 rgb(80,56,227)
```
#5f49e5
```
#5f49e5 rgb(95,73,229)
```
#6e5be8
```
#6e5be8 rgb(110,91,232)
```
#7d6cea
```
#7d6cea rgb(125,108,234)
```
#8c7dec
```
#8c7dec rgb(140,125,236)
```
#9b8eef
```
#9b8eef rgb(155,142,239)
```
#aa9ff1
```
#aa9ff1 rgb(170,159,241)
```
#bab0f4
```
#bab0f4 rgb(186,176,244)
```
#c9c2f6
```
#c9c2f6 rgb(201,194,246)
```
#d8d3f9
```
#d8d3f9 rgb(216,211,249)
```
#e7e4fb
```
#e7e4fb rgb(231,228,251)
```
#f6f5fe
```
#f6f5fe rgb(246,245,254)
```

Tint Color Variation

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

#6b6a76
```
#6b6a76 rgb(107,106,118)
```
#65617f
```
#65617f rgb(101,97,127)
```
#5f5888
```
#5f5888 rgb(95,88,136)
```
#595090
```
#595090 rgb(89,80,144)
```
#524799
```
#524799 rgb(82,71,153)
```
#4c3ea2
```
#4c3ea2 rgb(76,62,162)
```
#4636aa
```
#4636aa rgb(70,54,170)
```
#402db3
```
#402db3 rgb(64,45,179)
```
#3925bb
```
#3925bb rgb(57,37,187)
```
#331cc4
```
#331cc4 rgb(51,28,196)
```
#2d13cd
```
#2d13cd rgb(45,19,205)
```
#260bd5
```
#260bd5 rgb(38,11,213)
```
#2002de
```
#2002de rgb(32,2,222)
```

Tone Color Variation

Below, you can see how #331cc4 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
#353152 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a8f Protanopia 1% of men
#004e7c Deuteranopia 1% of men
#005357 Tritanopia 0.001% of the population

Trichromacy

#1239a2 Protanomaly 1% of men, 0.01% of women
#123c96 Deuteranomaly 6% of men, 0.4% of women
#123f7f Tritanomaly 0.01% of the population

#331cc4 hex color

#331cc4 Color Information

#331cc4 Color Conversion

Color Schemes with #331cc4

Alternatives to #331cc4

#331cc4 Preview

Shades and Tints of #331cc4

Tones of #331cc4

Color Blindness Simulator