#2158fe hex color

In a RGB color space, hex #2158fe is composed of 12.9% red, 34.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 65.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 225.1 degrees, a saturation of 99.1% and a lightness of 56.3%. #2158fe color hex could be obtained by blending #42b0ff with #0000fd. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 13
- G 35
- B 100
RGB color chart
- C 87
- M 65
- Y 0
- K 0
CMYK color chart

● #2158fe color description : Vivid blue.

The hexadecimal color #2158fe has RGB values of R:33, G:88, B:254 and CMYK values of C:0.87, M:0.65, Y:0, K:0. Its decimal value is 2185470.

Hex triplet	2158fe	`#2158fe`
RGB Decimal	33, 88, 254	`rgb(33,88,254)`
RGB Percent	12.9, 34.5, 99.6	`rgb(12.9%,34.5%,99.6%)`
CMYK	87, 65, 0, 0
HSL	225.1°, 99.1, 56.3	`hsl(225.1,99.1%,56.3%)`
HSV (or HSB)	225.1°, 87, 99.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.881, 44.589, -86.405
XYZ	22.003, 14.457, 95.391
xyY	0.167, 0.11, 14.457
CIE-LCH	44.881, 97.232, 297.296
CIE-LUV	44.881, -17.626, -128.663
Hunter-Lab	38.022, 36.756, -122.134
Binary	00100001, 01011000, 11111110

#2158fe
```
#2158fe rgb(33,88,254)
```
#fec721
```
#fec721 rgb(254,199,33)
```

Complementary Color

#21c7fe
```
#21c7fe rgb(33,199,254)
```
#2158fe
```
#2158fe rgb(33,88,254)
```
#5921fe
```
#5921fe rgb(89,33,254)
```

Analogous Color

#c7fe21
```
#c7fe21 rgb(199,254,33)
```
#2158fe
```
#2158fe rgb(33,88,254)
```
#fe5921
```
#fe5921 rgb(254,89,33)
```

Split Complementary Color

#58fe21
```
#58fe21 rgb(88,254,33)
```
#2158fe
```
#2158fe rgb(33,88,254)
```
#fe2158
```
#fe2158 rgb(254,33,88)
```

Triadic Color

#21fec7
```
#21fec7 rgb(33,254,199)
```
#2158fe
```
#2158fe rgb(33,88,254)
```
#fe2158
```
#fe2158 rgb(254,33,88)
```
#fec721
```
#fec721 rgb(254,199,33)
```

Tetradic Color

#0135d2
```
#0135d2 rgb(1,53,210)
```
#013beb
```
#013beb rgb(1,59,235)
```
#0845fe
```
#0845fe rgb(8,69,254)
```
#2158fe
```
#2158fe rgb(33,88,254)
```
#3a6bfe
```
#3a6bfe rgb(58,107,254)
```
#547efe
```
#547efe rgb(84,126,254)
```
#6d91fe
```
#6d91fe rgb(109,145,254)
```

Monochromatic Color

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

#218ffe
```
#218ffe rgb(33,143,254)
```
#217dfe
```
#217dfe rgb(33,125,254)
```
#216afe
```
#216afe rgb(33,106,254)
```
#2158fe
```
#2158fe rgb(33,88,254)
```
#2146fe
```
#2146fe rgb(33,70,254)
```
#2133fe
```
#2133fe rgb(33,51,254)
```
#2121fe
```
#2121fe rgb(33,33,254)
```

Similar Colors

Text with hexadecimal color #2158fe

This text has a font color of #2158fe.

<span style="color:#2158fe;">Text here</span>

#2158fe background color

This paragraph has a background color of #2158fe.

<p style="background-color:#2158fe;">Content here</p>

#2158fe border color

This element has a border color of #2158fe.

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

CSS codes

.text {color:#2158fe;}

.background {background-color:#2158fe;}

.border {border:1px solid #2158fe;}

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, #00030c is the darkest color, while #f8faff is the lightest one.

#00030c
```
#00030c rgb(0,3,12)
```
#000820
```
#000820 rgb(0,8,32)
```
#000d33
```
#000d33 rgb(0,13,51)
```
#001247
```
#001247 rgb(0,18,71)
```
#00175a
```
#00175a rgb(0,23,90)
```
#001c6e
```
#001c6e rgb(0,28,110)
```
#012181
```
#012181 rgb(1,33,129)
```
#012695
```
#012695 rgb(1,38,149)
```
#012ba9
```
#012ba9 rgb(1,43,169)
```
#012fbc
```
#012fbc rgb(1,47,188)
```
#0134d0
```
#0134d0 rgb(1,52,208)
```
#0139e3
```
#0139e3 rgb(1,57,227)
```
#013ef7
```
#013ef7 rgb(1,62,247)
```

Shade Color Variation

#0d49fe
```
#0d49fe rgb(13,73,254)
```
#2158fe
```
#2158fe rgb(33,88,254)
```
#3567fe
```
#3567fe rgb(53,103,254)
```
#4875fe
```
#4875fe rgb(72,117,254)
```
#5c84fe
```
#5c84fe rgb(92,132,254)
```
#6f93fe
```
#6f93fe rgb(111,147,254)
```
#83a1fe
```
#83a1fe rgb(131,161,254)
```
#96b0ff
```
#96b0ff rgb(150,176,255)
```
#aabfff
```
#aabfff rgb(170,191,255)
```
#bdceff
```
#bdceff rgb(189,206,255)
```
#d1dcff
```
#d1dcff rgb(209,220,255)
```
#e4ebff
```
#e4ebff rgb(228,235,255)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888c97 is the less saturated color, while #2158fe is the most saturated one.

#888c97
```
#888c97 rgb(136,140,151)
```
#7f87a0
```
#7f87a0 rgb(127,135,160)
```
#7783a8
```
#7783a8 rgb(119,131,168)
```
#6e7fb1
```
#6e7fb1 rgb(110,127,177)
```
#667ab9
```
#667ab9 rgb(102,122,185)
```
#5d76c2
```
#5d76c2 rgb(93,118,194)
```
#5472cb
```
#5472cb rgb(84,114,203)
```
#4c6ed3
```
#4c6ed3 rgb(76,110,211)
```
#4369dc
```
#4369dc rgb(67,105,220)
```
#3b65e4
```
#3b65e4 rgb(59,101,228)
```
#3261ed
```
#3261ed rgb(50,97,237)
```
#2a5cf5
```
#2a5cf5 rgb(42,92,245)
```
#2158fe
```
#2158fe rgb(33,88,254)
```

Tone Color Variation

Below, you can see how #2158fe 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

#5a5a5a Achromatopsia 0.005% of the population
#4f5a7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0074bb Deuteranopia 1% of men
#007d83 Tritanopia 0.001% of the population

Trichromacy

#0c66e5 Protanomaly 1% of men, 0.01% of women
#0c6ad3 Deuteranomaly 6% of men, 0.4% of women
#0c6faf Tritanomaly 0.01% of the population

#2158fe hex color

#2158fe Color Information

#2158fe Color Conversion

Color Schemes with #2158fe

Alternatives to #2158fe

#2158fe Preview

Shades and Tints of #2158fe

Tones of #2158fe

Color Blindness Simulator