#2148e6 hex color

In a RGB color space, hex #2148e6 is composed of 12.9% red, 28.2% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 68.7% magenta, 0% yellow and 9.8% black. It has a hue angle of 228.1 degrees, a saturation of 79.8% and a lightness of 51.6%. #2148e6 color hex could be obtained by blending #4290ff with #0000cd. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 13
- G 28
- B 90
RGB color chart
- C 86
- M 69
- Y 0
- K 10
CMYK color chart

● #2148e6 color description : Vivid blue.

The hexadecimal color #2148e6 has RGB values of R:33, G:72, B:230 and CMYK values of C:0.86, M:0.69, Y:0, K:0.1. Its decimal value is 2181350.

Hex triplet	2148e6	`#2148e6`
RGB Decimal	33, 72, 230	`rgb(33,72,230)`
RGB Percent	12.9, 28.2, 90.2	`rgb(12.9%,28.2%,90.2%)`
CMYK	86, 69, 0, 10
HSL	228.1°, 79.8, 51.6	`hsl(228.1,79.8%,51.6%)`
HSV (or HSB)	228.1°, 85.7, 90.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.019, 45.798, -82.559
XYZ	17.225, 10.67, 76.01
xyY	0.166, 0.103, 10.67
CIE-LCH	39.019, 94.411, 299.018
CIE-LUV	39.019, -14.126, -117.379
Hunter-Lab	32.665, 36.962, -115.101
Binary	00100001, 01001000, 11100110

#2148e6
```
#2148e6 rgb(33,72,230)
```
#e6bf21
```
#e6bf21 rgb(230,191,33)
```

Complementary Color

#21abe6
```
#21abe6 rgb(33,171,230)
```
#2148e6
```
#2148e6 rgb(33,72,230)
```
#5c21e6
```
#5c21e6 rgb(92,33,230)
```

Analogous Color

#abe621
```
#abe621 rgb(171,230,33)
```
#2148e6
```
#2148e6 rgb(33,72,230)
```
#e65c21
```
#e65c21 rgb(230,92,33)
```

Split Complementary Color

#48e621
```
#48e621 rgb(72,230,33)
```
#2148e6
```
#2148e6 rgb(33,72,230)
```
#e62148
```
#e62148 rgb(230,33,72)
```

Triadic Color

#21e6bf
```
#21e6bf rgb(33,230,191)
```
#2148e6
```
#2148e6 rgb(33,72,230)
```
#e62148
```
#e62148 rgb(230,33,72)
```
#e6bf21
```
#e6bf21 rgb(230,191,33)
```

Tetradic Color

#1330a8
```
#1330a8 rgb(19,48,168)
```
#1537bf
```
#1537bf rgb(21,55,191)
```
#183ed5
```
#183ed5 rgb(24,62,213)
```
#2148e6
```
#2148e6 rgb(33,72,230)
```
#385be9
```
#385be9 rgb(56,91,233)
```
#4f6eeb
```
#4f6eeb rgb(79,110,235)
```
#6681ee
```
#6681ee rgb(102,129,238)
```

Monochromatic Color

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

#2179e6
```
#2179e6 rgb(33,121,230)
```
#2169e6
```
#2169e6 rgb(33,105,230)
```
#2158e6
```
#2158e6 rgb(33,88,230)
```
#2148e6
```
#2148e6 rgb(33,72,230)
```
#2138e6
```
#2138e6 rgb(33,56,230)
```
#2127e6
```
#2127e6 rgb(33,39,230)
```
#2b21e6
```
#2b21e6 rgb(43,33,230)
```

Similar Colors

Text with hexadecimal color #2148e6

This text has a font color of #2148e6.

<span style="color:#2148e6;">Text here</span>

#2148e6 background color

This paragraph has a background color of #2148e6.

<p style="background-color:#2148e6;">Content here</p>

#2148e6 border color

This element has a border color of #2148e6.

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

CSS codes

.text {color:#2148e6;}

.background {background-color:#2148e6;}

.border {border:1px solid #2148e6;}

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

#010207
```
#010207 rgb(1,2,7)
```
#030719
```
#030719 rgb(3,7,25)
```
#050c2a
```
#050c2a rgb(5,12,42)
```
#07113c
```
#07113c rgb(7,17,60)
```
#09164e
```
#09164e rgb(9,22,78)
```
#0b1b5f
```
#0b1b5f rgb(11,27,95)
```
#0d2171
```
#0d2171 rgb(13,33,113)
```
#0f2683
```
#0f2683 rgb(15,38,131)
```
#112b94
```
#112b94 rgb(17,43,148)
```
#1330a6
```
#1330a6 rgb(19,48,166)
```
#1535b7
```
#1535b7 rgb(21,53,183)
```
#173ac9
```
#173ac9 rgb(23,58,201)
```
#193fdb
```
#193fdb rgb(25,63,219)
```

Shade Color Variation

#2148e6
```
#2148e6 rgb(33,72,230)
```
#3357e8
```
#3357e8 rgb(51,87,232)
```
#4465ea
```
#4465ea rgb(68,101,234)
```
#5674ec
```
#5674ec rgb(86,116,236)
```
#6882ee
```
#6882ee rgb(104,130,238)
```
#7991f0
```
#7991f0 rgb(121,145,240)
```
#8b9ff2
```
#8b9ff2 rgb(139,159,242)
```
#9caef4
```
#9caef4 rgb(156,174,244)
```
#aebcf6
```
#aebcf6 rgb(174,188,246)
```
#c0cbf8
```
#c0cbf8 rgb(192,203,248)
```
#d1d9fa
```
#d1d9fa rgb(209,217,250)
```
#e3e8fc
```
#e3e8fc rgb(227,232,252)
```
#f5f6fe
```
#f5f6fe rgb(245,246,254)
```

Tint Color Variation

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

#808187
```
#808187 rgb(128,129,135)
```
#777c91
```
#777c91 rgb(119,124,145)
```
#6d769a
```
#6d769a rgb(109,118,154)
```
#6470a4
```
#6470a4 rgb(100,112,164)
```
#5a6aad
```
#5a6aad rgb(90,106,173)
```
#5165b7
```
#5165b7 rgb(81,101,183)
```
#475fc0
```
#475fc0 rgb(71,95,192)
```
#3e59ca
```
#3e59ca rgb(62,89,202)
```
#3453d3
```
#3453d3 rgb(52,83,211)
```
#2b4edd
```
#2b4edd rgb(43,78,221)
```
#2148e6
```
#2148e6 rgb(33,72,230)
```
#1842f0
```
#1842f0 rgb(24,66,240)
```
#0e3df9
```
#0e3df9 rgb(14,61,249)
```

Tone Color Variation

Below, you can see how #2148e6 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

#4e4e4e Achromatopsia 0.005% of the population
#454d6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0067a4 Deuteranopia 1% of men
#006e73 Tritanopia 0.001% of the population

Trichromacy

#0c58cc Protanomaly 1% of men, 0.01% of women
#0c5bbc Deuteranomaly 6% of men, 0.4% of women
#0c609d Tritanomaly 0.01% of the population

#2148e6 hex color

#2148e6 Color Information

#2148e6 Color Conversion

Color Schemes with #2148e6

Alternatives to #2148e6

#2148e6 Preview

Shades and Tints of #2148e6

Tones of #2148e6

Color Blindness Simulator