#331ad4 hex color

In a RGB color space, hex #331ad4 is composed of 20% red, 10.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 87.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 248.1 degrees, a saturation of 78.2% and a lightness of 46.7%. #331ad4 color hex could be obtained by blending #6634ff with #0000a9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 20
- G 10
- B 83
RGB color chart
- C 76
- M 88
- Y 0
- K 17
CMYK color chart

● #331ad4 color description : Strong blue.

The hexadecimal color #331ad4 has RGB values of R:51, G:26, B:212 and CMYK values of C:0.76, M:0.88, Y:0, K:0.17. Its decimal value is 3349204.

Hex triplet	331ad4	`#331ad4`
RGB Decimal	51, 26, 212	`rgb(51,26,212)`
RGB Percent	20, 10.2, 83.1	`rgb(20%,10.2%,83.1%)`
CMYK	76, 88, 0, 17
HSL	248.1°, 78.2, 46.7	`hsl(248.1,78.2%,46.7%)`
HSV (or HSB)	248.1°, 87.7, 83.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.9, 63.777, -87.309
XYZ	13.616, 6.195, 62.762
xyY	0.165, 0.075, 6.195
CIE-LCH	29.9, 108.122, 306.147
CIE-LUV	29.9, -5.096, -108.532
Hunter-Lab	24.89, 54.089, -132.079
Binary	00110011, 00011010, 11010100

#331ad4
```
#331ad4 rgb(51,26,212)
```
#bbd41a
```
#bbd41a rgb(187,212,26)
```

Complementary Color

#1a5ed4
```
#1a5ed4 rgb(26,94,212)
```
#331ad4
```
#331ad4 rgb(51,26,212)
```
#901ad4
```
#901ad4 rgb(144,26,212)
```

Analogous Color

#5ed41a
```
#5ed41a rgb(94,212,26)
```
#331ad4
```
#331ad4 rgb(51,26,212)
```
#d4901a
```
#d4901a rgb(212,144,26)
```

Split Complementary Color

#1ad433
```
#1ad433 rgb(26,212,51)
```
#331ad4
```
#331ad4 rgb(51,26,212)
```
#d4331a
```
#d4331a rgb(212,51,26)
```

Triadic Color

#1abbd4
```
#1abbd4 rgb(26,187,212)
```
#331ad4
```
#331ad4 rgb(51,26,212)
```
#d4331a
```
#d4331a rgb(212,51,26)
```
#bbd41a
```
#bbd41a rgb(187,212,26)
```

Tetradic Color

#231290
```
#231290 rgb(35,18,144)
```
#2814a7
```
#2814a7 rgb(40,20,167)
```
#2e17bd
```
#2e17bd rgb(46,23,189)
```
#331ad4
```
#331ad4 rgb(51,26,212)
```
#3d23e4
```
#3d23e4 rgb(61,35,228)
```
#513ae7
```
#513ae7 rgb(81,58,231)
```
#6551ea
```
#6551ea rgb(101,81,234)
```

Monochromatic Color

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

#1a30d4
```
#1a30d4 rgb(26,48,212)
```
#1a20d4
```
#1a20d4 rgb(26,32,212)
```
#231ad4
```
#231ad4 rgb(35,26,212)
```
#331ad4
```
#331ad4 rgb(51,26,212)
```
#421ad4
```
#421ad4 rgb(66,26,212)
```
#521ad4
```
#521ad4 rgb(82,26,212)
```
#611ad4
```
#611ad4 rgb(97,26,212)
```

Similar Colors

Text with hexadecimal color #331ad4

This text has a font color of #331ad4.

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

#331ad4 background color

This paragraph has a background color of #331ad4.

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

#331ad4 border color

This element has a border color of #331ad4.

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

CSS codes

.text {color:#331ad4;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#050214
```
#050214 rgb(5,2,20)
```
#090525
```
#090525 rgb(9,5,37)
```
#0d0737
```
#0d0737 rgb(13,7,55)
```
#110948
```
#110948 rgb(17,9,72)
```
#160b5a
```
#160b5a rgb(22,11,90)
```
#1a0d6b
```
#1a0d6b rgb(26,13,107)
```
#1e0f7d
```
#1e0f7d rgb(30,15,125)
```
#22118e
```
#22118e rgb(34,17,142)
```
#2614a0
```
#2614a0 rgb(38,20,160)
```
#2b16b1
```
#2b16b1 rgb(43,22,177)
```
#2f18c3
```
#2f18c3 rgb(47,24,195)
```
#331ad4
```
#331ad4 rgb(51,26,212)
```

Shade Color Variation

#391ee3
```
#391ee3 rgb(57,30,227)
```
#4830e6
```
#4830e6 rgb(72,48,230)
```
#5841e8
```
#5841e8 rgb(88,65,232)
```
#6753ea
```
#6753ea rgb(103,83,234)
```
#7664ec
```
#7664ec rgb(118,100,236)
```
#8676ee
```
#8676ee rgb(134,118,238)
```
#9587f0
```
#9587f0 rgb(149,135,240)
```
#a598f2
```
#a598f2 rgb(165,152,242)
```
#b4aaf5
```
#b4aaf5 rgb(180,170,245)
```
#c3bbf7
```
#c3bbf7 rgb(195,187,247)
```
#d3cdf9
```
#d3cdf9 rgb(211,205,249)
```
#e2defb
```
#e2defb rgb(226,222,251)
```
#f2f0fd
```
#f2f0fd rgb(242,240,253)
```

Tint Color Variation

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

#767678
```
#767678 rgb(118,118,120)
```
#6f6c82
```
#6f6c82 rgb(111,108,130)
```
#69638b
```
#69638b rgb(105,99,139)
```
#625a94
```
#625a94 rgb(98,90,148)
```
#5b519d
```
#5b519d rgb(91,81,157)
```
#5448a6
```
#5448a6 rgb(84,72,166)
```
#4e3faf
```
#4e3faf rgb(78,63,175)
```
#4735b9
```
#4735b9 rgb(71,53,185)
```
#402cc2
```
#402cc2 rgb(64,44,194)
```
#3a23cb
```
#3a23cb rgb(58,35,203)
```
#331ad4
```
#331ad4 rgb(51,26,212)
```
#2c11dd
```
#2c11dd rgb(44,17,221)
```
#2608e6
```
#2608e6 rgb(38,8,230)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#363156 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d96 Protanopia 1% of men
#005282 Deuteranopia 1% of men
#00585c Tritanopia 0.001% of the population

Trichromacy

#123aad Protanomaly 1% of men, 0.01% of women
#123d9f Deuteranomaly 6% of men, 0.4% of women
#124187 Tritanomaly 0.01% of the population

#331ad4 hex color

#331ad4 Color Information

#331ad4 Color Conversion

Color Schemes with #331ad4

Alternatives to #331ad4

#331ad4 Preview

Shades and Tints of #331ad4

Tones of #331ad4

Color Blindness Simulator