#331baf hex color

In a RGB color space, hex #331baf is composed of 20% red, 10.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 84.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 249.7 degrees, a saturation of 73.3% and a lightness of 39.6%. #331baf color hex could be obtained by blending #6636ff with #00005f. Closest websafe color is: #333399.

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

● #331baf color description : Dark blue.

The hexadecimal color #331baf has RGB values of R:51, G:27, B:175 and CMYK values of C:0.71, M:0.85, Y:0, K:0.31. Its decimal value is 3349423.

Hex triplet	331baf	`#331baf`
RGB Decimal	51, 27, 175	`rgb(51,27,175)`
RGB Percent	20, 10.6, 68.6	`rgb(20%,10.6%,68.6%)`
CMYK	71, 85, 0, 31
HSL	249.7°, 73.3, 39.6	`hsl(249.7,73.3%,39.6%)`
HSV (or HSB)	249.7°, 84.6, 68.6
Web Safe	333399	`#333399`

CIE-LAB	25.51, 53.066, -72.783
XYZ	9.494, 4.582, 40.939
xyY	0.173, 0.083, 4.582
CIE-LCH	25.51, 90.074, 306.096
CIE-LUV	25.51, -2.97, -87.287
Hunter-Lab	21.406, 41.702, -98.406
Binary	00110011, 00011011, 10101111

#331baf
```
#331baf rgb(51,27,175)
```
#97af1b
```
#97af1b rgb(151,175,27)
```

Complementary Color

#1b4daf
```
#1b4daf rgb(27,77,175)
```
#331baf
```
#331baf rgb(51,27,175)
```
#7d1baf
```
#7d1baf rgb(125,27,175)
```

Analogous Color

#4daf1b
```
#4daf1b rgb(77,175,27)
```
#331baf
```
#331baf rgb(51,27,175)
```
#af7d1b
```
#af7d1b rgb(175,125,27)
```

Split Complementary Color

#1baf33
```
#1baf33 rgb(27,175,51)
```
#331baf
```
#331baf rgb(51,27,175)
```
#af331b
```
#af331b rgb(175,51,27)
```

Triadic Color

#1b97af
```
#1b97af rgb(27,151,175)
```
#331baf
```
#331baf rgb(51,27,175)
```
#af331b
```
#af331b rgb(175,51,27)
```
#97af1b
```
#97af1b rgb(151,175,27)
```

Tetradic Color

#20116d
```
#20116d rgb(32,17,109)
```
#261483
```
#261483 rgb(38,20,131)
```
#2d1899
```
#2d1899 rgb(45,24,153)
```
#331baf
```
#331baf rgb(51,27,175)
```
#391ec5
```
#391ec5 rgb(57,30,197)
```
#4022db
```
#4022db rgb(64,34,219)
```
#5236e0
```
#5236e0 rgb(82,54,224)
```

Monochromatic Color

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

#1b28af
```
#1b28af rgb(27,40,175)
```
#1b1caf
```
#1b1caf rgb(27,28,175)
```
#271baf
```
#271baf rgb(39,27,175)
```
#331baf
```
#331baf rgb(51,27,175)
```
#3f1baf
```
#3f1baf rgb(63,27,175)
```
#4c1baf
```
#4c1baf rgb(76,27,175)
```
#581baf
```
#581baf rgb(88,27,175)
```

Similar Colors

Text with hexadecimal color #331baf

This text has a font color of #331baf.

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

#331baf background color

This paragraph has a background color of #331baf.

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

#331baf border color

This element has a border color of #331baf.

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

CSS codes

.text {color:#331baf;}

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

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

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

#010105
```
#010105 rgb(1,1,5)
```
#060316
```
#060316 rgb(6,3,22)
```
#0b0627
```
#0b0627 rgb(11,6,39)
```
#100938
```
#100938 rgb(16,9,56)
```
#150b49
```
#150b49 rgb(21,11,73)
```
#1a0e5a
```
#1a0e5a rgb(26,14,90)
```
#1f116b
```
#1f116b rgb(31,17,107)
```
#24137c
```
#24137c rgb(36,19,124)
```
#29168d
```
#29168d rgb(41,22,141)
```
#2e189e
```
#2e189e rgb(46,24,158)
```
#331baf
```
#331baf rgb(51,27,175)
```
#381ec0
```
#381ec0 rgb(56,30,192)
```
#3d20d1
```
#3d20d1 rgb(61,32,209)
```

Shade Color Variation

#4527de
```
#4527de rgb(69,39,222)
```
#5338e0
```
#5338e0 rgb(83,56,224)
```
#6249e3
```
#6249e3 rgb(98,73,227)
```
#715ae6
```
#715ae6 rgb(113,90,230)
```
#7f6be8
```
#7f6be8 rgb(127,107,232)
```
#8e7ceb
```
#8e7ceb rgb(142,124,235)
```
#9d8ded
```
#9d8ded rgb(157,141,237)
```
#ab9ef0
```
#ab9ef0 rgb(171,158,240)
```
#baaff3
```
#baaff3 rgb(186,175,243)
```
#c9c0f5
```
#c9c0f5 rgb(201,192,245)
```
#d7d1f8
```
#d7d1f8 rgb(215,209,248)
```
#e6e2fb
```
#e6e2fb rgb(230,226,251)
```
#f5f3fd
```
#f5f3fd rgb(245,243,253)
```

Tint Color Variation

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

#626169
```
#626169 rgb(98,97,105)
```
#5d5971
```
#5d5971 rgb(93,89,113)
```
#585179
```
#585179 rgb(88,81,121)
```
#524a80
```
#524a80 rgb(82,74,128)
```
#4d4288
```
#4d4288 rgb(77,66,136)
```
#483a90
```
#483a90 rgb(72,58,144)
```
#433298
```
#433298 rgb(67,50,152)
```
#3d2b9f
```
#3d2b9f rgb(61,43,159)
```
#3823a7
```
#3823a7 rgb(56,35,167)
```
#331baf
```
#331baf rgb(51,27,175)
```
#2e13b7
```
#2e13b7 rgb(46,19,183)
```
#290bbf
```
#290bbf rgb(41,11,191)
```
#2304c6
```
#2304c6 rgb(35,4,198)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#332e4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#004485 Protanopia 1% of men
#004873 Deuteranopia 1% of men
#004d51 Tritanopia 0.001% of the population

Trichromacy

#123594 Protanomaly 1% of men, 0.01% of women
#123888 Deuteranomaly 6% of men, 0.4% of women
#123b73 Tritanomaly 0.01% of the population

#331baf hex color

#331baf Color Information

#331baf Color Conversion

Color Schemes with #331baf

Alternatives to #331baf

#331baf Preview

Shades and Tints of #331baf

Tones of #331baf

Color Blindness Simulator