colorhexa.com

#2331f6 hex color

In a RGB color space, hex #2331f6 is composed of 13.7% red, 19.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 85.8% cyan, 80.1% magenta, 0% yellow and 3.5% black. It has a hue angle of 236 degrees, a saturation of 92.1% and a lightness of 55.1%. #2331f6 color hex could be obtained by blending #4662ff with #0000ed. Closest websafe color is: #3333ff.

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

● #2331f6 color description : Vivid blue.

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

Hex triplet	2331f6	`#2331f6`
RGB Decimal	35, 49, 246	`rgb(35,49,246)`
RGB Percent	13.7, 19.2, 96.5	`rgb(13.7%,19.2%,96.5%)`
CMYK	86, 80, 0, 4
HSL	236°, 92.1, 55.1	`hsl(236,92.1%,55.1%)`
HSV (or HSB)	236°, 85.8, 96.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.379, 63.592, -95.981
XYZ	18.423, 9.206, 87.99
xyY	0.159, 0.08, 9.206
CIE-LCH	36.379, 115.136, 303.526
CIE-LUV	36.379, -10.683, -128.297
Hunter-Lab	30.342, 55.28, -150.697
Binary	00100011, 00110001, 11110110

#2331f6
```
#2331f6 rgb(35,49,246)
```
#f6e823
```
#f6e823 rgb(246,232,35)
```

Complementary Color

#239bf6
```
#239bf6 rgb(35,155,246)
```
#2331f6
```
#2331f6 rgb(35,49,246)
```
#7f23f6
```
#7f23f6 rgb(127,35,246)
```

Analogous Color

#9bf623
```
#9bf623 rgb(155,246,35)
```
#2331f6
```
#2331f6 rgb(35,49,246)
```
#f67f23
```
#f67f23 rgb(246,127,35)
```

Split Complementary Color

#31f623
```
#31f623 rgb(49,246,35)
```
#2331f6
```
#2331f6 rgb(35,49,246)
```
#f62331
```
#f62331 rgb(246,35,49)
```

Triadic Color

#23f6e8
```
#23f6e8 rgb(35,246,232)
```
#2331f6
```
#2331f6 rgb(35,49,246)
```
#f62331
```
#f62331 rgb(246,35,49)
```
#f6e823
```
#f6e823 rgb(246,232,35)
```

Tetradic Color

#0815c4
```
#0815c4 rgb(8,21,196)
```
#0917dd
```
#0917dd rgb(9,23,221)
```
#0b1af5
```
#0b1af5 rgb(11,26,245)
```
#2331f6
```
#2331f6 rgb(35,49,246)
```
#3b48f7
```
#3b48f7 rgb(59,72,247)
```
#545ff8
```
#545ff8 rgb(84,95,248)
```
#6c76f9
```
#6c76f9 rgb(108,118,249)
```

Monochromatic Color

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

#2366f6
```
#2366f6 rgb(35,102,246)
```
#2354f6
```
#2354f6 rgb(35,84,246)
```
#2343f6
```
#2343f6 rgb(35,67,246)
```
#2331f6
```
#2331f6 rgb(35,49,246)
```
#2723f6
```
#2723f6 rgb(39,35,246)
```
#3823f6
```
#3823f6 rgb(56,35,246)
```
#4a23f6
```
#4a23f6 rgb(74,35,246)
```

Similar Colors

Text with hexadecimal color #2331f6

This text has a font color of #2331f6.

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

#2331f6 background color

This paragraph has a background color of #2331f6.

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

#2331f6 border color

This element has a border color of #2331f6.

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

CSS codes

.text {color:#2331f6;}

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

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

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

#000106
```
#000106 rgb(0,1,6)
```
#010319
```
#010319 rgb(1,3,25)
```
#02052c
```
#02052c rgb(2,5,44)
```
#03073f
```
#03073f rgb(3,7,63)
```
#030952
```
#030952 rgb(3,9,82)
```
#040a64
```
#040a64 rgb(4,10,100)
```
#050c77
```
#050c77 rgb(5,12,119)
```
#060e8a
```
#060e8a rgb(6,14,138)
```
#06109d
```
#06109d rgb(6,16,157)
```
#0712b0
```
#0712b0 rgb(7,18,176)
```
#0814c3
```
#0814c3 rgb(8,20,195)
```
#0916d5
```
#0916d5 rgb(9,22,213)
```
#0a18e8
```
#0a18e8 rgb(10,24,232)
```

Shade Color Variation

#101ff5
```
#101ff5 rgb(16,31,245)
```
#2331f6
```
#2331f6 rgb(35,49,246)
```
#3643f7
```
#3643f7 rgb(54,67,247)
```
#4954f8
```
#4954f8 rgb(73,84,248)
```
#5c66f8
```
#5c66f8 rgb(92,102,248)
```
#6e78f9
```
#6e78f9 rgb(110,120,249)
```
#8189fa
```
#8189fa rgb(129,137,250)
```
#949bfb
```
#949bfb rgb(148,155,251)
```
#a7adfb
```
#a7adfb rgb(167,173,251)
```
#babefc
```
#babefc rgb(186,190,252)
```
#cdd0fd
```
#cdd0fd rgb(205,208,253)
```
#dfe1fe
```
#dfe1fe rgb(223,225,254)
```
#f2f3fe
```
#f2f3fe rgb(242,243,254)
```

Tint Color Variation

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

#848595
```
#848595 rgb(132,133,149)
```
#7b7d9e
```
#7b7d9e rgb(123,125,158)
```
#7276a7
```
#7276a7 rgb(114,118,167)
```
#696eb0
```
#696eb0 rgb(105,110,176)
```
#6166b8
```
#6166b8 rgb(97,102,184)
```
#585fc1
```
#585fc1 rgb(88,95,193)
```
#4f57ca
```
#4f57ca rgb(79,87,202)
```
#4650d3
```
#4650d3 rgb(70,80,211)
```
#3d48dc
```
#3d48dc rgb(61,72,220)
```
#3540e4
```
#3540e4 rgb(53,64,228)
```
#2c39ed
```
#2c39ed rgb(44,57,237)
```
#2331f6
```
#2331f6 rgb(35,49,246)
```
#1a29ff
```
#1a29ff rgb(26,41,255)
```

Tone Color Variation

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

#005bb2 Protanopia 1% of men
#006199 Deuteranopia 1% of men
#00676c Tritanopia 0.001% of the population

Trichromacy

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