#2331ff hex color

In a RGB color space, hex #2331ff is composed of 13.7% red, 19.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 86.3% cyan, 80.8% magenta, 0% yellow and 0% black. It has a hue angle of 236.2 degrees, a saturation of 100% and a lightness of 56.9%. #2331ff color hex could be obtained by blending #4662ff with #0000ff. Closest websafe color is: #3333ff.

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

● #2331ff color description : Vivid blue.

The hexadecimal color #2331ff has RGB values of R:35, G:49, B:255 and CMYK values of C:0.86, M:0.81, Y:0, K:0. Its decimal value is 2306559.

Hex triplet	2331ff	`#2331ff`
RGB Decimal	35, 49, 255	`rgb(35,49,255)`
RGB Percent	13.7, 19.2, 100	`rgb(13.7%,19.2%,100%)`
CMYK	86, 81, 0, 0
HSL	236.2°, 100, 56.9	`hsl(236.2,100%,56.9%)`
HSV (or HSB)	236.2°, 86.3, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.431, 66.283, -99.285
XYZ	19.838, 9.772, 95.443
xyY	0.159, 0.078, 9.772
CIE-LCH	37.431, 119.377, 303.727
CIE-LUV	37.431, -10.986, -133.366
Hunter-Lab	31.261, 58.567, -159.136
Binary	00100011, 00110001, 11111111

#2331ff
```
#2331ff rgb(35,49,255)
```
#fff123
```
#fff123 rgb(255,241,35)
```

Complementary Color

#239fff
```
#239fff rgb(35,159,255)
```
#2331ff
```
#2331ff rgb(35,49,255)
```
#8323ff
```
#8323ff rgb(131,35,255)
```

Analogous Color

#9fff23
```
#9fff23 rgb(159,255,35)
```
#2331ff
```
#2331ff rgb(35,49,255)
```
#ff8323
```
#ff8323 rgb(255,131,35)
```

Split Complementary Color

#31ff23
```
#31ff23 rgb(49,255,35)
```
#2331ff
```
#2331ff rgb(35,49,255)
```
#ff2331
```
#ff2331 rgb(255,35,49)
```

Triadic Color

#23fff1
```
#23fff1 rgb(35,255,241)
```
#2331ff
```
#2331ff rgb(35,49,255)
```
#ff2331
```
#ff2331 rgb(255,35,49)
```
#fff123
```
#fff123 rgb(255,241,35)
```

Tetradic Color

#000ed6
```
#000ed6 rgb(0,14,214)
```
#000fef
```
#000fef rgb(0,15,239)
```
#0919ff
```
#0919ff rgb(9,25,255)
```
#2331ff
```
#2331ff rgb(35,49,255)
```
#3d49ff
```
#3d49ff rgb(61,73,255)
```
#5661ff
```
#5661ff rgb(86,97,255)
```
#7079ff
```
#7079ff rgb(112,121,255)
```

Monochromatic Color

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

#2368ff
```
#2368ff rgb(35,104,255)
```
#2356ff
```
#2356ff rgb(35,86,255)
```
#2343ff
```
#2343ff rgb(35,67,255)
```
#2331ff
```
#2331ff rgb(35,49,255)
```
#2723ff
```
#2723ff rgb(39,35,255)
```
#3a23ff
```
#3a23ff rgb(58,35,255)
```
#4c23ff
```
#4c23ff rgb(76,35,255)
```

Similar Colors

Text with hexadecimal color #2331ff

This text has a font color of #2331ff.

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

#2331ff background color

This paragraph has a background color of #2331ff.

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

#2331ff border color

This element has a border color of #2331ff.

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

CSS codes

.text {color:#2331ff;}

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

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

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, #00010f is the darkest color, while #fbfbff is the lightest one.

#00010f
```
#00010f rgb(0,1,15)
```
#000223
```
#000223 rgb(0,2,35)
```
#000337
```
#000337 rgb(0,3,55)
```
#00054a
```
#00054a rgb(0,5,74)
```
#00065e
```
#00065e rgb(0,6,94)
```
#000771
```
#000771 rgb(0,7,113)
```
#000885
```
#000885 rgb(0,8,133)
```
#000a99
```
#000a99 rgb(0,10,153)
```
#000bac
```
#000bac rgb(0,11,172)
```
#000cc0
```
#000cc0 rgb(0,12,192)
```
#000dd4
```
#000dd4 rgb(0,13,212)
```
#000fe7
```
#000fe7 rgb(0,15,231)
```
#0010fb
```
#0010fb rgb(0,16,251)
```

Shade Color Variation

#0f1fff
```
#0f1fff rgb(15,31,255)
```
#2331ff
```
#2331ff rgb(35,49,255)
```
#3743ff
```
#3743ff rgb(55,67,255)
```
#4a56ff
```
#4a56ff rgb(74,86,255)
```
#5e68ff
```
#5e68ff rgb(94,104,255)
```
#717aff
```
#717aff rgb(113,122,255)
```
#858dff
```
#858dff rgb(133,141,255)
```
#999fff
```
#999fff rgb(153,159,255)
```
#acb2ff
```
#acb2ff rgb(172,178,255)
```
#c0c4ff
```
#c0c4ff rgb(192,196,255)
```
#d4d6ff
```
#d4d6ff rgb(212,214,255)
```
#e7e9ff
```
#e7e9ff rgb(231,233,255)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898a99 is the less saturated color, while #2331ff is the most saturated one.

#898a99
```
#898a99 rgb(137,138,153)
```
#8082a2
```
#8082a2 rgb(128,130,162)
```
#787baa
```
#787baa rgb(120,123,170)
```
#6f73b3
```
#6f73b3 rgb(111,115,179)
```
#676cbb
```
#676cbb rgb(103,108,187)
```
#5e65c4
```
#5e65c4 rgb(94,101,196)
```
#565dcc
```
#565dcc rgb(86,93,204)
```
#4d56d5
```
#4d56d5 rgb(77,86,213)
```
#454fdd
```
#454fdd rgb(69,79,221)
```
#3c47e6
```
#3c47e6 rgb(60,71,230)
```
#3440ee
```
#3440ee rgb(52,64,238)
```
#2b38f7
```
#2b38f7 rgb(43,56,247)
```
#2331ff
```
#2331ff rgb(35,49,255)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3d4069 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb6 Protanopia 1% of men
#00639d Deuteranopia 1% of men
#006a6e Tritanopia 0.001% of the population

Trichromacy

#0c4dd0 Protanomaly 1% of men, 0.01% of women
#0c51c0 Deuteranomaly 6% of men, 0.4% of women
#0c55a3 Tritanomaly 0.01% of the population

#2331ff hex color

#2331ff Color Information

#2331ff Color Conversion

Color Schemes with #2331ff

Alternatives to #2331ff

#2331ff Preview

Shades and Tints of #2331ff

Tones of #2331ff

Color Blindness Simulator