#331edf hex color

In a RGB color space, hex #331edf is composed of 20% red, 11.8% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 86.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 246.5 degrees, a saturation of 76.3% and a lightness of 49.6%. #331edf color hex could be obtained by blending #663cff with #0000bf. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 20
- G 12
- B 87
RGB color chart
- C 77
- M 87
- Y 0
- K 13
CMYK color chart

● #331edf color description : Vivid blue.

The hexadecimal color #331edf has RGB values of R:51, G:30, B:223 and CMYK values of C:0.77, M:0.87, Y:0, K:0.13. Its decimal value is 3350239.

Hex triplet	331edf	`#331edf`
RGB Decimal	51, 30, 223	`rgb(51,30,223)`
RGB Percent	20, 11.8, 87.5	`rgb(20%,11.8%,87.5%)`
CMYK	77, 87, 0, 13
HSL	246.5°, 76.3, 49.6	`hsl(246.5,76.3%,49.6%)`
HSV (or HSB)	246.5°, 86.5, 87.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.714, 65.414, -90.639
XYZ	15.146, 6.959, 70.353
xyY	0.164, 0.075, 6.959
CIE-LCH	31.714, 111.778, 305.818
CIE-LUV	31.714, -6.01, -114.977
Hunter-Lab	26.38, 56.321, -139.654
Binary	00110011, 00011110, 11011111

#331edf
```
#331edf rgb(51,30,223)
```
#cadf1e
```
#cadf1e rgb(202,223,30)
```

Complementary Color

#1e6adf
```
#1e6adf rgb(30,106,223)
```
#331edf
```
#331edf rgb(51,30,223)
```
#941edf
```
#941edf rgb(148,30,223)
```

Analogous Color

#6adf1e
```
#6adf1e rgb(106,223,30)
```
#331edf
```
#331edf rgb(51,30,223)
```
#df941e
```
#df941e rgb(223,148,30)
```

Split Complementary Color

#1edf33
```
#1edf33 rgb(30,223,51)
```
#331edf
```
#331edf rgb(51,30,223)
```
#df331e
```
#df331e rgb(223,51,30)
```

Triadic Color

#1ecadf
```
#1ecadf rgb(30,202,223)
```
#331edf
```
#331edf rgb(51,30,223)
```
#df331e
```
#df331e rgb(223,51,30)
```
#cadf1e
```
#cadf1e rgb(202,223,30)
```

Tetradic Color

#24159c
```
#24159c rgb(36,21,156)
```
#2918b2
```
#2918b2 rgb(41,24,178)
```
#2e1bc9
```
#2e1bc9 rgb(46,27,201)
```
#331edf
```
#331edf rgb(51,30,223)
```
#4633e4
```
#4633e4 rgb(70,51,228)
```
#5b49e7
```
#5b49e7 rgb(91,73,231)
```
#6f60ea
```
#6f60ea rgb(111,96,234)
```

Monochromatic Color

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

#1e39df
```
#1e39df rgb(30,57,223)
```
#1e29df
```
#1e29df rgb(30,41,223)
```
#231edf
```
#231edf rgb(35,30,223)
```
#331edf
```
#331edf rgb(51,30,223)
```
#431edf
```
#431edf rgb(67,30,223)
```
#531edf
```
#531edf rgb(83,30,223)
```
#631edf
```
#631edf rgb(99,30,223)
```

Similar Colors

Text with hexadecimal color #331edf

This text has a font color of #331edf.

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

#331edf background color

This paragraph has a background color of #331edf.

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

#331edf border color

This element has a border color of #331edf.

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

CSS codes

.text {color:#331edf;}

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

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

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

#040210
```
#040210 rgb(4,2,16)
```
#080421
```
#080421 rgb(8,4,33)
```
#0b0732
```
#0b0732 rgb(11,7,50)
```
#0f0943
```
#0f0943 rgb(15,9,67)
```
#130b55
```
#130b55 rgb(19,11,85)
```
#170e66
```
#170e66 rgb(23,14,102)
```
#1b1077
```
#1b1077 rgb(27,16,119)
```
#1f1289
```
#1f1289 rgb(31,18,137)
```
#23159a
```
#23159a rgb(35,21,154)
```
#2717ab
```
#2717ab rgb(39,23,171)
```
#2b19bc
```
#2b19bc rgb(43,25,188)
```
#2f1cce
```
#2f1cce rgb(47,28,206)
```
#331edf
```
#331edf rgb(51,30,223)
```

Shade Color Variation

#412ee3
```
#412ee3 rgb(65,46,227)
```
#513fe5
```
#513fe5 rgb(81,63,229)
```
#6150e8
```
#6150e8 rgb(97,80,232)
```
#7062ea
```
#7062ea rgb(112,98,234)
```
#8073ec
```
#8073ec rgb(128,115,236)
```
#9084ee
```
#9084ee rgb(144,132,238)
```
#9f96f1
```
#9f96f1 rgb(159,150,241)
```
#afa7f3
```
#afa7f3 rgb(175,167,243)
```
#bfb8f5
```
#bfb8f5 rgb(191,184,245)
```
#cec9f8
```
#cec9f8 rgb(206,201,248)
```
#dedbfa
```
#dedbfa rgb(222,219,250)
```
#eeecfc
```
#eeecfc rgb(238,236,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#787687
```
#787687 rgb(120,118,135)
```
#706c91
```
#706c91 rgb(112,108,145)
```
#68629b
```
#68629b rgb(104,98,155)
```
#6158a5
```
#6158a5 rgb(97,88,165)
```
#594fae
```
#594fae rgb(89,79,174)
```
#5145b8
```
#5145b8 rgb(81,69,184)
```
#4a3bc2
```
#4a3bc2 rgb(74,59,194)
```
#4231cc
```
#4231cc rgb(66,49,204)
```
#3b28d5
```
#3b28d5 rgb(59,40,213)
```
#331edf
```
#331edf rgb(51,30,223)
```
#2b14e9
```
#2b14e9 rgb(43,20,233)
```
#240bf2
```
#240bf2 rgb(36,11,242)
```
#1c01fc
```
#1c01fc rgb(28,1,252)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#39345b Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#005688 Deuteranopia 1% of men
#005c60 Tritanopia 0.001% of the population

Trichromacy

#123eb5 Protanomaly 1% of men, 0.01% of women
#1241a8 Deuteranomaly 6% of men, 0.4% of women
#12458e Tritanomaly 0.01% of the population

#331edf hex color

#331edf Color Information

#331edf Color Conversion

Color Schemes with #331edf

Alternatives to #331edf

#331edf Preview

Shades and Tints of #331edf

Tones of #331edf

Color Blindness Simulator