#2146e7 hex color

In a RGB color space, hex #2146e7 is composed of 12.9% red, 27.5% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 69.7% magenta, 0% yellow and 9.4% black. It has a hue angle of 228.8 degrees, a saturation of 80.5% and a lightness of 51.8%. #2146e7 color hex could be obtained by blending #428cff with #0000cf. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 13
- G 27
- B 91
RGB color chart
- C 86
- M 70
- Y 0
- K 9
CMYK color chart

● #2146e7 color description : Vivid blue.

The hexadecimal color #2146e7 has RGB values of R:33, G:70, B:231 and CMYK values of C:0.86, M:0.7, Y:0, K:0.09. Its decimal value is 2180839.

Hex triplet	2146e7	`#2146e7`
RGB Decimal	33, 70, 231	`rgb(33,70,231)`
RGB Percent	12.9, 27.5, 90.6	`rgb(12.9%,27.5%,90.6%)`
CMYK	86, 70, 0, 9
HSL	228.8°, 80.5, 51.8	`hsl(228.8,80.5%,51.8%)`
HSV (or HSB)	228.8°, 85.7, 90.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	38.676, 47.349, -83.692
XYZ	17.238, 10.472, 76.71
xyY	0.165, 0.1, 10.472
CIE-LCH	38.676, 96.158, 299.499
CIE-LUV	38.676, -13.753, -118.312
Hunter-Lab	32.36, 38.456, -117.894
Binary	00100001, 01000110, 11100111

#2146e7
```
#2146e7 rgb(33,70,231)
```
#e7c221
```
#e7c221 rgb(231,194,33)
```

Complementary Color

#21a9e7
```
#21a9e7 rgb(33,169,231)
```
#2146e7
```
#2146e7 rgb(33,70,231)
```
#5f21e7
```
#5f21e7 rgb(95,33,231)
```

Analogous Color

#a9e721
```
#a9e721 rgb(169,231,33)
```
#2146e7
```
#2146e7 rgb(33,70,231)
```
#e75f21
```
#e75f21 rgb(231,95,33)
```

Split Complementary Color

#46e721
```
#46e721 rgb(70,231,33)
```
#2146e7
```
#2146e7 rgb(33,70,231)
```
#e72146
```
#e72146 rgb(231,33,70)
```

Triadic Color

#21e7c2
```
#21e7c2 rgb(33,231,194)
```
#2146e7
```
#2146e7 rgb(33,70,231)
```
#e72146
```
#e72146 rgb(231,33,70)
```
#e7c221
```
#e7c221 rgb(231,194,33)
```

Tetradic Color

#122ea9
```
#122ea9 rgb(18,46,169)
```
#1535c0
```
#1535c0 rgb(21,53,192)
```
#173bd7
```
#173bd7 rgb(23,59,215)
```
#2146e7
```
#2146e7 rgb(33,70,231)
```
#3859e9
```
#3859e9 rgb(56,89,233)
```
#4f6cec
```
#4f6cec rgb(79,108,236)
```
#6680ee
```
#6680ee rgb(102,128,238)
```

Monochromatic Color

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

#2178e7
```
#2178e7 rgb(33,120,231)
```
#2167e7
```
#2167e7 rgb(33,103,231)
```
#2157e7
```
#2157e7 rgb(33,87,231)
```
#2146e7
```
#2146e7 rgb(33,70,231)
```
#2136e7
```
#2136e7 rgb(33,54,231)
```
#2125e7
```
#2125e7 rgb(33,37,231)
```
#2d21e7
```
#2d21e7 rgb(45,33,231)
```

Similar Colors

Text with hexadecimal color #2146e7

This text has a font color of #2146e7.

<span style="color:#2146e7;">Text here</span>

#2146e7 background color

This paragraph has a background color of #2146e7.

<p style="background-color:#2146e7;">Content here</p>

#2146e7 border color

This element has a border color of #2146e7.

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

CSS codes

.text {color:#2146e7;}

.background {background-color:#2146e7;}

.border {border:1px solid #2146e7;}

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

#010208
```
#010208 rgb(1,2,8)
```
#03071a
```
#03071a rgb(3,7,26)
```
#050c2c
```
#050c2c rgb(5,12,44)
```
#07113d
```
#07113d rgb(7,17,61)
```
#09164f
```
#09164f rgb(9,22,79)
```
#0a1b61
```
#0a1b61 rgb(10,27,97)
```
#0c1f72
```
#0c1f72 rgb(12,31,114)
```
#0e2484
```
#0e2484 rgb(14,36,132)
```
#102996
```
#102996 rgb(16,41,150)
```
#122ea7
```
#122ea7 rgb(18,46,167)
```
#1433b9
```
#1433b9 rgb(20,51,185)
```
#1638cb
```
#1638cb rgb(22,56,203)
```
#183ddd
```
#183ddd rgb(24,61,221)
```

Shade Color Variation

#2146e7
```
#2146e7 rgb(33,70,231)
```
#3355e9
```
#3355e9 rgb(51,85,233)
```
#4464eb
```
#4464eb rgb(68,100,235)
```
#5672ed
```
#5672ed rgb(86,114,237)
```
#6881ef
```
#6881ef rgb(104,129,239)
```
#7a90f1
```
#7a90f1 rgb(122,144,241)
```
#8b9ff2
```
#8b9ff2 rgb(139,159,242)
```
#9dadf4
```
#9dadf4 rgb(157,173,244)
```
#afbcf6
```
#afbcf6 rgb(175,188,246)
```
#c0cbf8
```
#c0cbf8 rgb(192,203,248)
```
#d2dafa
```
#d2dafa rgb(210,218,250)
```
#e4e8fc
```
#e4e8fc rgb(228,232,252)
```
#f5f7fe
```
#f5f7fe rgb(245,247,254)
```

Tint Color Variation

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

#808188
```
#808188 rgb(128,129,136)
```
#767b92
```
#767b92 rgb(118,123,146)
```
#6d759b
```
#6d759b rgb(109,117,155)
```
#636fa5
```
#636fa5 rgb(99,111,165)
```
#5a6aae
```
#5a6aae rgb(90,106,174)
```
#5064b8
```
#5064b8 rgb(80,100,184)
```
#475ec1
```
#475ec1 rgb(71,94,193)
```
#3d58cb
```
#3d58cb rgb(61,88,203)
```
#3452d4
```
#3452d4 rgb(52,82,212)
```
#2a4cde
```
#2a4cde rgb(42,76,222)
```
#2146e7
```
#2146e7 rgb(33,70,231)
```
#1840f0
```
#1840f0 rgb(24,64,240)
```
#0e3afa
```
#0e3afa rgb(14,58,250)
```

Tone Color Variation

Below, you can see how #2146e7 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

#4d4d4d Achromatopsia 0.005% of the population
#444c6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bc Protanopia 1% of men
#0066a3 Deuteranopia 1% of men
#006d72 Tritanopia 0.001% of the population

Trichromacy

#0c57cb Protanomaly 1% of men, 0.01% of women
#0c5abb Deuteranomaly 6% of men, 0.4% of women
#0c5f9d Tritanomaly 0.01% of the population

#2146e7 hex color

#2146e7 Color Information

#2146e7 Color Conversion

Color Schemes with #2146e7

Alternatives to #2146e7

#2146e7 Preview

Shades and Tints of #2146e7

Tones of #2146e7

Color Blindness Simulator