#331faf hex color

In a RGB color space, hex #331faf is composed of 20% red, 12.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 82.3% magenta, 0% yellow and 31.4% black. It has a hue angle of 248.3 degrees, a saturation of 69.9% and a lightness of 40.4%. #331faf color hex could be obtained by blending #663eff with #00005f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 20
- G 12
- B 69
RGB color chart
- C 71
- M 82
- Y 0
- K 31
CMYK color chart

● #331faf color description : Dark blue.

The hexadecimal color #331faf has RGB values of R:51, G:31, B:175 and CMYK values of C:0.71, M:0.82, Y:0, K:0.31. Its decimal value is 3350447.

Hex triplet	331faf	`#331faf`
RGB Decimal	51, 31, 175	`rgb(51,31,175)`
RGB Percent	20, 12.2, 68.6	`rgb(20%,12.2%,68.6%)`
CMYK	71, 82, 0, 31
HSL	248.3°, 69.9, 40.4	`hsl(248.3,69.9%,40.4%)`
HSV (or HSB)	248.3°, 82.3, 68.6
Web Safe	333399	`#333399`

CIE-LAB	26.094, 51.345, -71.815
XYZ	9.592, 4.778, 40.972
xyY	0.173, 0.086, 4.778
CIE-LCH	26.094, 88.282, 305.563
CIE-LUV	26.094, -3.371, -87.422
Hunter-Lab	21.86, 40.068, -95.827
Binary	00110011, 00011111, 10101111

#331faf
```
#331faf rgb(51,31,175)
```
#9baf1f
```
#9baf1f rgb(155,175,31)
```

Complementary Color

#1f53af
```
#1f53af rgb(31,83,175)
```
#331faf
```
#331faf rgb(51,31,175)
```
#7b1faf
```
#7b1faf rgb(123,31,175)
```

Analogous Color

#53af1f
```
#53af1f rgb(83,175,31)
```
#331faf
```
#331faf rgb(51,31,175)
```
#af7b1f
```
#af7b1f rgb(175,123,31)
```

Split Complementary Color

#1faf33
```
#1faf33 rgb(31,175,51)
```
#331faf
```
#331faf rgb(51,31,175)
```
#af331f
```
#af331f rgb(175,51,31)
```

Triadic Color

#1f9baf
```
#1f9baf rgb(31,155,175)
```
#331faf
```
#331faf rgb(51,31,175)
```
#af331f
```
#af331f rgb(175,51,31)
```
#9baf1f
```
#9baf1f rgb(155,175,31)
```

Tetradic Color

#20136e
```
#20136e rgb(32,19,110)
```
#261784
```
#261784 rgb(38,23,132)
```
#2d1b99
```
#2d1b99 rgb(45,27,153)
```
#331faf
```
#331faf rgb(51,31,175)
```
#3923c5
```
#3923c5 rgb(57,35,197)
```
#4128d9
```
#4128d9 rgb(65,40,217)
```
#543edd
```
#543edd rgb(84,62,221)
```

Monochromatic Color

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

#1f2faf
```
#1f2faf rgb(31,47,175)
```
#1f23af
```
#1f23af rgb(31,35,175)
```
#271faf
```
#271faf rgb(39,31,175)
```
#331faf
```
#331faf rgb(51,31,175)
```
#3f1faf
```
#3f1faf rgb(63,31,175)
```
#4b1faf
```
#4b1faf rgb(75,31,175)
```
#571faf
```
#571faf rgb(87,31,175)
```

Similar Colors

Text with hexadecimal color #331faf

This text has a font color of #331faf.

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

#331faf background color

This paragraph has a background color of #331faf.

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

#331faf border color

This element has a border color of #331faf.

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

CSS codes

.text {color:#331faf;}

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

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

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

#020108
```
#020108 rgb(2,1,8)
```
#070419
```
#070419 rgb(7,4,25)
```
#0c072a
```
#0c072a rgb(12,7,42)
```
#110a3a
```
#110a3a rgb(17,10,58)
```
#160d4b
```
#160d4b rgb(22,13,75)
```
#1b105c
```
#1b105c rgb(27,16,92)
```
#20136c
```
#20136c rgb(32,19,108)
```
#24167d
```
#24167d rgb(36,22,125)
```
#29198e
```
#29198e rgb(41,25,142)
```
#2e1c9e
```
#2e1c9e rgb(46,28,158)
```
#331faf
```
#331faf rgb(51,31,175)
```
#3822c0
```
#3822c0 rgb(56,34,192)
```
#3d25d0
```
#3d25d0 rgb(61,37,208)
```

Shade Color Variation

#472fda
```
#472fda rgb(71,47,218)
```
#553fdd
```
#553fdd rgb(85,63,221)
```
#6450e0
```
#6450e0 rgb(100,80,224)
```
#7361e3
```
#7361e3 rgb(115,97,227)
```
#8271e6
```
#8271e6 rgb(130,113,230)
```
#9082e9
```
#9082e9 rgb(144,130,233)
```
#9f93ec
```
#9f93ec rgb(159,147,236)
```
#aea3ef
```
#aea3ef rgb(174,163,239)
```
#bdb4f2
```
#bdb4f2 rgb(189,180,242)
```
#cbc5f5
```
#cbc5f5 rgb(203,197,245)
```
#dad5f8
```
#dad5f8 rgb(218,213,248)
```
#e9e6fb
```
#e9e6fb rgb(233,230,251)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

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

#676668
```
#676668 rgb(103,102,104)
```
#615e70
```
#615e70 rgb(97,94,112)
```
#5b5678
```
#5b5678 rgb(91,86,120)
```
#554f7f
```
#554f7f rgb(85,79,127)
```
#504787
```
#504787 rgb(80,71,135)
```
#4a3f8f
```
#4a3f8f rgb(74,63,143)
```
#443797
```
#443797 rgb(68,55,151)
```
#3e2f9f
```
#3e2f9f rgb(62,47,159)
```
#3927a7
```
#3927a7 rgb(57,39,167)
```
#331faf
```
#331faf rgb(51,31,175)
```
#2d17b7
```
#2d17b7 rgb(45,23,183)
```
#280fbf
```
#280fbf rgb(40,15,191)
```
#2207c7
```
#2207c7 rgb(34,7,199)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#35314d Atypical Achromatopsia 0.001% of the population

Dichromacy

#004587 Protanopia 1% of men
#004975 Deuteranopia 1% of men
#004e53 Tritanopia 0.001% of the population

Trichromacy

#123795 Protanomaly 1% of men, 0.01% of women
#123a8a Deuteranomaly 6% of men, 0.4% of women
#123d74 Tritanomaly 0.01% of the population

#331faf hex color

#331faf Color Information

#331faf Color Conversion

Color Schemes with #331faf

Alternatives to #331faf

#331faf Preview

Shades and Tints of #331faf

Tones of #331faf

Color Blindness Simulator