#2331f5 hex color

In a RGB color space, hex #2331f5 is composed of 13.7% red, 19.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 80% magenta, 0% yellow and 3.9% black. It has a hue angle of 236 degrees, a saturation of 91.3% and a lightness of 54.9%. #2331f5 color hex could be obtained by blending #4662ff with #0000eb. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 14
- G 19
- B 96
RGB color chart
- C 86
- M 80
- Y 0
- K 4
CMYK color chart

● #2331f5 color description : Vivid blue.

The hexadecimal color #2331f5 has RGB values of R:35, G:49, B:245 and CMYK values of C:0.86, M:0.8, Y:0, K:0.04. Its decimal value is 2306549.

Hex triplet	2331f5	`#2331f5`
RGB Decimal	35, 49, 245	`rgb(35,49,245)`
RGB Percent	13.7, 19.2, 96.1	`rgb(13.7%,19.2%,96.1%)`
CMYK	86, 80, 0, 4
HSL	236°, 91.3, 54.9	`hsl(236,91.3%,54.9%)`
HSV (or HSB)	236°, 85.7, 96.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.262, 63.29, -95.611
XYZ	18.27, 9.145, 87.183
xyY	0.159, 0.08, 9.145
CIE-LCH	36.262, 114.66, 303.503
CIE-LUV	36.262, -10.65, -127.732
Hunter-Lab	30.241, 54.916, -149.762
Binary	00100011, 00110001, 11110101

#2331f5
```
#2331f5 rgb(35,49,245)
```
#f5e723
```
#f5e723 rgb(245,231,35)
```

Complementary Color

#239af5
```
#239af5 rgb(35,154,245)
```
#2331f5
```
#2331f5 rgb(35,49,245)
```
#7e23f5
```
#7e23f5 rgb(126,35,245)
```

Analogous Color

#9af523
```
#9af523 rgb(154,245,35)
```
#2331f5
```
#2331f5 rgb(35,49,245)
```
#f57e23
```
#f57e23 rgb(245,126,35)
```

Split Complementary Color

#31f523
```
#31f523 rgb(49,245,35)
```
#2331f5
```
#2331f5 rgb(35,49,245)
```
#f52331
```
#f52331 rgb(245,35,49)
```

Triadic Color

#23f5e7
```
#23f5e7 rgb(35,245,231)
```
#2331f5
```
#2331f5 rgb(35,49,245)
```
#f52331
```
#f52331 rgb(245,35,49)
```
#f5e723
```
#f5e723 rgb(245,231,35)
```

Tetradic Color

#0915c3
```
#0915c3 rgb(9,21,195)
```
#0a18db
```
#0a18db rgb(10,24,219)
```
#0b1bf3
```
#0b1bf3 rgb(11,27,243)
```
#2331f5
```
#2331f5 rgb(35,49,245)
```
#3b48f6
```
#3b48f6 rgb(59,72,246)
```
#545ff7
```
#545ff7 rgb(84,95,247)
```
#6c76f8
```
#6c76f8 rgb(108,118,248)
```

Monochromatic Color

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

#2366f5
```
#2366f5 rgb(35,102,245)
```
#2354f5
```
#2354f5 rgb(35,84,245)
```
#2342f5
```
#2342f5 rgb(35,66,245)
```
#2331f5
```
#2331f5 rgb(35,49,245)
```
#2723f5
```
#2723f5 rgb(39,35,245)
```
#3823f5
```
#3823f5 rgb(56,35,245)
```
#4a23f5
```
#4a23f5 rgb(74,35,245)
```

Similar Colors

Text with hexadecimal color #2331f5

This text has a font color of #2331f5.

<span style="color:#2331f5;">Text here</span>

#2331f5 background color

This paragraph has a background color of #2331f5.

<p style="background-color:#2331f5;">Content here</p>

#2331f5 border color

This element has a border color of #2331f5.

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

CSS codes

.text {color:#2331f5;}

.background {background-color:#2331f5;}

.border {border:1px solid #2331f5;}

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

#000105
```
#000105 rgb(0,1,5)
```
#010318
```
#010318 rgb(1,3,24)
```
#02052b
```
#02052b rgb(2,5,43)
```
#03073d
```
#03073d rgb(3,7,61)
```
#040950
```
#040950 rgb(4,9,80)
```
#040b63
```
#040b63 rgb(4,11,99)
```
#050d76
```
#050d76 rgb(5,13,118)
```
#060f88
```
#060f88 rgb(6,15,136)
```
#07119b
```
#07119b rgb(7,17,155)
```
#0813ae
```
#0813ae rgb(8,19,174)
```
#0915c1
```
#0915c1 rgb(9,21,193)
```
#0a17d4
```
#0a17d4 rgb(10,23,212)
```
#0a19e6
```
#0a19e6 rgb(10,25,230)
```

Shade Color Variation

#101ff4
```
#101ff4 rgb(16,31,244)
```
#2331f5
```
#2331f5 rgb(35,49,245)
```
#3643f6
```
#3643f6 rgb(54,67,246)
```
#4954f7
```
#4954f7 rgb(73,84,247)
```
#5b66f8
```
#5b66f8 rgb(91,102,248)
```
#6e77f8
```
#6e77f8 rgb(110,119,248)
```
#8189f9
```
#8189f9 rgb(129,137,249)
```
#949afa
```
#949afa rgb(148,154,250)
```
#a6acfb
```
#a6acfb rgb(166,172,251)
```
#b9befc
```
#b9befc rgb(185,190,252)
```
#cccffd
```
#cccffd rgb(204,207,253)
```
#dfe1fe
```
#dfe1fe rgb(223,225,254)
```
#f1f2fe
```
#f1f2fe rgb(241,242,254)
```

Tint Color Variation

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

#848594
```
#848594 rgb(132,133,148)
```
#7b7e9d
```
#7b7e9d rgb(123,126,157)
```
#7376a5
```
#7376a5 rgb(115,118,165)
```
#6a6eae
```
#6a6eae rgb(106,110,174)
```
#6167b7
```
#6167b7 rgb(97,103,183)
```
#585fc0
```
#585fc0 rgb(88,95,192)
```
#4f57c9
```
#4f57c9 rgb(79,87,201)
```
#4650d2
```
#4650d2 rgb(70,80,210)
```
#3e48da
```
#3e48da rgb(62,72,218)
```
#3540e3
```
#3540e3 rgb(53,64,227)
```
#2c39ec
```
#2c39ec rgb(44,57,236)
```
#2331f5
```
#2331f5 rgb(35,49,245)
```
#1a29fe
```
#1a29fe rgb(26,41,254)
```

Tone Color Variation

Below, you can see how #2331f5 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

#434343 Achromatopsia 0.005% of the population
#3d3f67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb1 Protanopia 1% of men
#006099 Deuteranopia 1% of men
#00676c Tritanopia 0.001% of the population

Trichromacy

#0c4cca Protanomaly 1% of men, 0.01% of women
#0c4fba Deuteranomaly 6% of men, 0.4% of women
#0c539d Tritanomaly 0.01% of the population

#2331f5 hex color

#2331f5 Color Information

#2331f5 Color Conversion

Color Schemes with #2331f5

Alternatives to #2331f5

#2331f5 Preview

Shades and Tints of #2331f5

Tones of #2331f5

Color Blindness Simulator