#2158b8 hex color

In a RGB color space, hex #2158b8 is composed of 12.9% red, 34.5% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 82.1% cyan, 52.2% magenta, 0% yellow and 27.8% black. It has a hue angle of 218.1 degrees, a saturation of 69.6% and a lightness of 42.5%. #2158b8 color hex could be obtained by blending #42b0ff with #000071. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 35
- B 72
RGB color chart
- C 82
- M 52
- Y 0
- K 28
CMYK color chart

● #2158b8 color description : Strong blue.

The hexadecimal color #2158b8 has RGB values of R:33, G:88, B:184 and CMYK values of C:0.82, M:0.52, Y:0, K:0.28. Its decimal value is 2185400.

Hex triplet	2158b8	`#2158b8`
RGB Decimal	33, 88, 184	`rgb(33,88,184)`
RGB Percent	12.9, 34.5, 72.2	`rgb(12.9%,34.5%,72.2%)`
CMYK	82, 52, 0, 28
HSL	218.1°, 69.6, 42.5	`hsl(218.1,69.6%,42.5%)`
HSV (or HSB)	218.1°, 82.1, 72.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.177, 18.231, -55.748
XYZ	12.767, 10.762, 46.749
xyY	0.182, 0.153, 10.762
CIE-LCH	39.177, 58.653, 288.11
CIE-LUV	39.177, -18.05, -81.642
Hunter-Lab	32.806, 12.054, -61.525
Binary	00100001, 01011000, 10111000

#2158b8
```
#2158b8 rgb(33,88,184)
```
#b88121
```
#b88121 rgb(184,129,33)
```

Complementary Color

#21a4b8
```
#21a4b8 rgb(33,164,184)
```
#2158b8
```
#2158b8 rgb(33,88,184)
```
#3621b8
```
#3621b8 rgb(54,33,184)
```

Analogous Color

#a4b821
```
#a4b821 rgb(164,184,33)
```
#2158b8
```
#2158b8 rgb(33,88,184)
```
#b83621
```
#b83621 rgb(184,54,33)
```

Split Complementary Color

#58b821
```
#58b821 rgb(88,184,33)
```
#2158b8
```
#2158b8 rgb(33,88,184)
```
#b82158
```
#b82158 rgb(184,33,88)
```

Triadic Color

#21b881
```
#21b881 rgb(33,184,129)
```
#2158b8
```
#2158b8 rgb(33,88,184)
```
#b82158
```
#b82158 rgb(184,33,88)
```
#b88121
```
#b88121 rgb(184,129,33)
```

Tetradic Color

#153977
```
#153977 rgb(21,57,119)
```
#19438d
```
#19438d rgb(25,67,141)
```
#1d4ea2
```
#1d4ea2 rgb(29,78,162)
```
#2158b8
```
#2158b8 rgb(33,88,184)
```
#2562ce
```
#2562ce rgb(37,98,206)
```
#326fda
```
#326fda rgb(50,111,218)
```
#477ede
```
#477ede rgb(71,126,222)
```

Monochromatic Color

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

#217eb8
```
#217eb8 rgb(33,126,184)
```
#2171b8
```
#2171b8 rgb(33,113,184)
```
#2165b8
```
#2165b8 rgb(33,101,184)
```
#2158b8
```
#2158b8 rgb(33,88,184)
```
#214bb8
```
#214bb8 rgb(33,75,184)
```
#213fb8
```
#213fb8 rgb(33,63,184)
```
#2132b8
```
#2132b8 rgb(33,50,184)
```

Similar Colors

Text with hexadecimal color #2158b8

This text has a font color of #2158b8.

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

#2158b8 background color

This paragraph has a background color of #2158b8.

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

#2158b8 border color

This element has a border color of #2158b8.

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

CSS codes

.text {color:#2158b8;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030812
```
#030812 rgb(3,8,18)
```
#061022
```
#061022 rgb(6,16,34)
```
#091833
```
#091833 rgb(9,24,51)
```
#0c2044
```
#0c2044 rgb(12,32,68)
```
#0f2854
```
#0f2854 rgb(15,40,84)
```
#123065
```
#123065 rgb(18,48,101)
```
#153875
```
#153875 rgb(21,56,117)
```
#184086
```
#184086 rgb(24,64,134)
```
#1b4897
```
#1b4897 rgb(27,72,151)
```
#1e50a7
```
#1e50a7 rgb(30,80,167)
```
#2158b8
```
#2158b8 rgb(33,88,184)
```
#2460c9
```
#2460c9 rgb(36,96,201)
```

Shade Color Variation

#2868d8
```
#2868d8 rgb(40,104,216)
```
#3874db
```
#3874db rgb(56,116,219)
```
#497fde
```
#497fde rgb(73,127,222)
```
#5a8be1
```
#5a8be1 rgb(90,139,225)
```
#6a97e4
```
#6a97e4 rgb(106,151,228)
```
#7ba2e7
```
#7ba2e7 rgb(123,162,231)
```
#8caeea
```
#8caeea rgb(140,174,234)
```
#9cbaed
```
#9cbaed rgb(156,186,237)
```
#adc5f0
```
#adc5f0 rgb(173,197,240)
```
#bed1f3
```
#bed1f3 rgb(190,209,243)
```
#ceddf6
```
#ceddf6 rgb(206,221,246)
```
#dfe8f9
```
#dfe8f9 rgb(223,232,249)
```
#eff4fc
```
#eff4fc rgb(239,244,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6c6d is the less saturated color, while #0851d1 is the most saturated one.

#6c6c6d
```
#6c6c6d rgb(108,108,109)
```
#646a75
```
#646a75 rgb(100,106,117)
```
#5b687e
```
#5b687e rgb(91,104,126)
```
#536686
```
#536686 rgb(83,102,134)
```
#4b638e
```
#4b638e rgb(75,99,142)
```
#426197
```
#426197 rgb(66,97,151)
```
#3a5f9f
```
#3a5f9f rgb(58,95,159)
```
#325da7
```
#325da7 rgb(50,93,167)
```
#295ab0
```
#295ab0 rgb(41,90,176)
```
#2158b8
```
#2158b8 rgb(33,88,184)
```
#1956c0
```
#1956c0 rgb(25,86,192)
```
#1053c9
```
#1053c9 rgb(16,83,201)
```
#0851d1
```
#0851d1 rgb(8,81,209)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#485366 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d61bc Protanopia 1% of men
#0066a8 Deuteranopia 1% of men
#006e75 Tritanopia 0.001% of the population

Trichromacy

#1e5eba Protanomaly 1% of men, 0.01% of women
#0c61ae Deuteranomaly 6% of men, 0.4% of women
#0c668d Tritanomaly 0.01% of the population

#2158b8 hex color

#2158b8 Color Information

#2158b8 Color Conversion

Color Schemes with #2158b8

Alternatives to #2158b8

#2158b8 Preview

Shades and Tints of #2158b8

Tones of #2158b8

Color Blindness Simulator