colorhexa.com

#2106f6 hex color

In a RGB color space, hex #2106f6 is composed of 12.9% red, 2.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 86.6% cyan, 97.6% magenta, 0% yellow and 3.5% black. It has a hue angle of 246.8 degrees, a saturation of 95.2% and a lightness of 49.4%. #2106f6 color hex could be obtained by blending #420cff with #0000ed. Closest websafe color is: #3300ff.

- R 13
- G 2
- B 96
RGB color chart
- C 87
- M 98
- Y 0
- K 4
CMYK color chart

● #2106f6 color description : Vivid blue.

The hexadecimal color #2106f6 has RGB values of R:33, G:6, B:246 and CMYK values of C:0.87, M:0.98, Y:0, K:0.04. Its decimal value is 2164470.

Hex triplet	2106f6	`#2106f6`
RGB Decimal	33, 6, 246	`rgb(33,6,246)`
RGB Percent	12.9, 2.4, 96.5	`rgb(12.9%,2.4%,96.5%)`
CMYK	87, 98, 0, 4
HSL	246.8°, 95.2, 49.4	`hsl(246.8,95.2%,49.4%)`
HSV (or HSB)	246.8°, 97.6, 96.5
Web Safe	3300ff	`#3300ff`

CIE-LAB	32.047, 76.389, -103.203
XYZ	17.324, 7.106, 87.642
xyY	0.155, 0.063, 7.106
CIE-LCH	32.047, 128.398, 306.508
CIE-LUV	32.047, -7.796, -126.239
Hunter-Lab	26.657, 69.35, -176.27
Binary	00100001, 00000110, 11110110

#2106f6
```
#2106f6 rgb(33,6,246)
```
#dbf606
```
#dbf606 rgb(219,246,6)
```

Complementary Color

#0663f6
```
#0663f6 rgb(6,99,246)
```
#2106f6
```
#2106f6 rgb(33,6,246)
```
#9906f6
```
#9906f6 rgb(153,6,246)
```

Analogous Color

#63f606
```
#63f606 rgb(99,246,6)
```
#2106f6
```
#2106f6 rgb(33,6,246)
```
#f69906
```
#f69906 rgb(246,153,6)
```

Split Complementary Color

#1704ab
```
#1704ab rgb(23,4,171)
```
#1a05c4
```
#1a05c4 rgb(26,5,196)
```
#1e05dd
```
#1e05dd rgb(30,5,221)
```
#2106f6
```
#2106f6 rgb(33,6,246)
```
#351cf9
```
#351cf9 rgb(53,28,249)
```
#4b35fa
```
#4b35fa rgb(75,53,250)
```
#614efb
```
#614efb rgb(97,78,251)
```

Monochromatic Color

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

#0627f6
```
#0627f6 rgb(6,39,246)
```
#0613f6
```
#0613f6 rgb(6,19,246)
```
#0d06f6
```
#0d06f6 rgb(13,6,246)
```
#2106f6
```
#2106f6 rgb(33,6,246)
```
#3506f6
```
#3506f6 rgb(53,6,246)
```
#4906f6
```
#4906f6 rgb(73,6,246)
```
#5d06f6
```
#5d06f6 rgb(93,6,246)
```

Similar Colors

Text with hexadecimal color #2106f6

This text has a font color of #2106f6.

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

#2106f6 background color

This paragraph has a background color of #2106f6.

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

#2106f6 border color

This element has a border color of #2106f6.

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

CSS codes

.text {color:#2106f6;}

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

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

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

#020010
```
#020010 rgb(2,0,16)
```
#050123
```
#050123 rgb(5,1,35)
```
#070137
```
#070137 rgb(7,1,55)
```
#0a024a
```
#0a024a rgb(10,2,74)
```
#0c025d
```
#0c025d rgb(12,2,93)
```
#0f0370
```
#0f0370 rgb(15,3,112)
```
#120383
```
#120383 rgb(18,3,131)
```
#140496
```
#140496 rgb(20,4,150)
```
#1704a9
```
#1704a9 rgb(23,4,169)
```
#1905bd
```
#1905bd rgb(25,5,189)
```
#1c05d0
```
#1c05d0 rgb(28,5,208)
```
#1e06e3
```
#1e06e3 rgb(30,6,227)
```
#2106f6
```
#2106f6 rgb(33,6,246)
```

Shade Color Variation

#3016f9
```
#3016f9 rgb(48,22,249)
```
#4129fa
```
#4129fa rgb(65,41,250)
```
#523dfa
```
#523dfa rgb(82,61,250)
```
#6350fb
```
#6350fb rgb(99,80,251)
```
#7463fb
```
#7463fb rgb(116,99,251)
```
#8576fc
```
#8576fc rgb(133,118,252)
```
#9689fc
```
#9689fc rgb(150,137,252)
```
#a79cfd
```
#a79cfd rgb(167,156,253)
```
#b8affd
```
#b8affd rgb(184,175,253)
```
#c9c3fe
```
#c9c3fe rgb(201,195,254)
```
#dad6fe
```
#dad6fe rgb(218,214,254)
```
#ebe9fe
```
#ebe9fe rgb(235,233,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7a82 is the less saturated color, while #2106f6 is the most saturated one.

#7b7a82
```
#7b7a82 rgb(123,122,130)
```
#74718b
```
#74718b rgb(116,113,139)
```
#6c6795
```
#6c6795 rgb(108,103,149)
```
#655d9f
```
#655d9f rgb(101,93,159)
```
#5d54a8
```
#5d54a8 rgb(93,84,168)
```
#564ab2
```
#564ab2 rgb(86,74,178)
```
#4e40bc
```
#4e40bc rgb(78,64,188)
```
#4736c6
```
#4736c6 rgb(71,54,198)
```
#3f2dcf
```
#3f2dcf rgb(63,45,207)
```
#3823d9
```
#3823d9 rgb(56,35,217)
```
#3019e3
```
#3019e3 rgb(48,25,227)
```
#2910ec
```
#2910ec rgb(41,16,236)
```
#2106f6
```
#2106f6 rgb(33,6,246)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#272252 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529f Protanopia 1% of men
#005789 Deuteranopia 1% of men
#005d60 Tritanopia 0.001% of the population

Trichromacy

#0c36bf Protanomaly 1% of men, 0.01% of women
#0c39b0 Deuteranomaly 6% of men, 0.4% of women
#0c3d97 Tritanomaly 0.01% of the population