#215a88 hex color

In a RGB color space, hex #215a88 is composed of 12.9% red, 35.3% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 33.8% magenta, 0% yellow and 46.7% black. It has a hue angle of 206.8 degrees, a saturation of 60.9% and a lightness of 33.1%. #215a88 color hex could be obtained by blending #42b4ff with #000011. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 35
- B 53
RGB color chart
- C 76
- M 34
- Y 0
- K 47
CMYK color chart

● #215a88 color description : Dark blue.

The hexadecimal color #215a88 has RGB values of R:33, G:90, B:136 and CMYK values of C:0.76, M:0.34, Y:0, K:0.47. Its decimal value is 2185864.

Hex triplet	215a88	`#215a88`
RGB Decimal	33, 90, 136	`rgb(33,90,136)`
RGB Percent	12.9, 35.3, 53.3	`rgb(12.9%,35.3%,53.3%)`
CMYK	76, 34, 0, 47
HSL	206.8°, 60.9, 33.1	`hsl(206.8,60.9%,33.1%)`
HSV (or HSB)	206.8°, 75.7, 53.3
Web Safe	336699	`#336699`

CIE-LAB	36.767, -1.881, -30.914
XYZ	8.726, 9.413, 24.648
xyY	0.204, 0.22, 9.413
CIE-LCH	36.767, 30.971, 266.519
CIE-LUV	36.767, -20.034, -42.977
Hunter-Lab	30.68, -2.919, -26.158
Binary	00100001, 01011010, 10001000

#215a88
```
#215a88 rgb(33,90,136)
```
#884f21
```
#884f21 rgb(136,79,33)
```

Complementary Color

#218883
```
#218883 rgb(33,136,131)
```
#215a88
```
#215a88 rgb(33,90,136)
```
#212788
```
#212788 rgb(33,39,136)
```

Analogous Color

#888321
```
#888321 rgb(136,131,33)
```
#215a88
```
#215a88 rgb(33,90,136)
```
#882127
```
#882127 rgb(136,33,39)
```

Split Complementary Color

#5a8821
```
#5a8821 rgb(90,136,33)
```
#215a88
```
#215a88 rgb(33,90,136)
```
#88215a
```
#88215a rgb(136,33,90)
```

Triadic Color

#21884f
```
#21884f rgb(33,136,79)
```
#215a88
```
#215a88 rgb(33,90,136)
```
#88215a
```
#88215a rgb(136,33,90)
```
#884f21
```
#884f21 rgb(136,79,33)
```

Tetradic Color

#12314a
```
#12314a rgb(18,49,74)
```
#173f5f
```
#173f5f rgb(23,63,95)
```
#1c4c73
```
#1c4c73 rgb(28,76,115)
```
#215a88
```
#215a88 rgb(33,90,136)
```
#26689d
```
#26689d rgb(38,104,157)
```
#2b75b1
```
#2b75b1 rgb(43,117,177)
```
#3083c6
```
#3083c6 rgb(48,131,198)
```

Monochromatic Color

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

#217488
```
#217488 rgb(33,116,136)
```
#216b88
```
#216b88 rgb(33,107,136)
```
#216388
```
#216388 rgb(33,99,136)
```
#215a88
```
#215a88 rgb(33,90,136)
```
#215188
```
#215188 rgb(33,81,136)
```
#214988
```
#214988 rgb(33,73,136)
```
#214088
```
#214088 rgb(33,64,136)
```

Similar Colors

Text with hexadecimal color #215a88

This text has a font color of #215a88.

<span style="color:#215a88;">Text here</span>

#215a88 background color

This paragraph has a background color of #215a88.

<p style="background-color:#215a88;">Content here</p>

#215a88 border color

This element has a border color of #215a88.

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

CSS codes

.text {color:#215a88;}

.background {background-color:#215a88;}

.border {border:1px solid #215a88;}

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, #02060a is the darkest color, while #f9fbfe is the lightest one.

#02060a
```
#02060a rgb(2,6,10)
```
#06111a
```
#06111a rgb(6,17,26)
```
#0a1b29
```
#0a1b29 rgb(10,27,41)
```
#0e2639
```
#0e2639 rgb(14,38,57)
```
#123049
```
#123049 rgb(18,48,73)
```
#163b59
```
#163b59 rgb(22,59,89)
```
#194568
```
#194568 rgb(25,69,104)
```
#1d5078
```
#1d5078 rgb(29,80,120)
```
#215a88
```
#215a88 rgb(33,90,136)
```
#256498
```
#256498 rgb(37,100,152)
```
#296fa8
```
#296fa8 rgb(41,111,168)
```
#2c79b7
```
#2c79b7 rgb(44,121,183)
```
#3084c7
```
#3084c7 rgb(48,132,199)
```

Shade Color Variation

#3c8dd0
```
#3c8dd0 rgb(60,141,208)
```
#4b97d3
```
#4b97d3 rgb(75,151,211)
```
#5ba0d7
```
#5ba0d7 rgb(91,160,215)
```
#6ba9db
```
#6ba9db rgb(107,169,219)
```
#7bb2df
```
#7bb2df rgb(123,178,223)
```
#8abbe3
```
#8abbe3 rgb(138,187,227)
```
#9ac4e7
```
#9ac4e7 rgb(154,196,231)
```
#aaceea
```
#aaceea rgb(170,206,234)
```
#bad7ee
```
#bad7ee rgb(186,215,238)
```
#cae0f2
```
#cae0f2 rgb(202,224,242)
```
#d9e9f6
```
#d9e9f6 rgb(217,233,246)
```
#e9f2fa
```
#e9f2fa rgb(233,242,250)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f555b is the less saturated color, while #005da9 is the most saturated one.

#4f555b
```
#4f555b rgb(79,85,91)
```
#485661
```
#485661 rgb(72,86,97)
```
#425768
```
#425768 rgb(66,87,104)
```
#3b576e
```
#3b576e rgb(59,87,110)
```
#355875
```
#355875 rgb(53,88,117)
```
#2e597b
```
#2e597b rgb(46,89,123)
```
#285982
```
#285982 rgb(40,89,130)
```
#215a88
```
#215a88 rgb(33,90,136)
```
#1b5b8f
```
#1b5b8f rgb(27,91,143)
```
#145b95
```
#145b95 rgb(20,91,149)
```
#0e5c9c
```
#0e5c9c rgb(14,92,156)
```
#075da2
```
#075da2 rgb(7,93,162)
```
#005da9
```
#005da9 rgb(0,93,169)
```

Tone Color Variation

Below, you can see how #215a88 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
#45505a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e5d8a Protanopia 1% of men
#425f8f Deuteranopia 1% of men
#00686f Tritanopia 0.001% of the population

Trichromacy

#3d5c89 Protanomaly 1% of men, 0.01% of women
#365d8c Deuteranomaly 6% of men, 0.4% of women
#0c6378 Tritanomaly 0.01% of the population

#215a88 hex color

#215a88 Color Information

#215a88 Color Conversion

Color Schemes with #215a88

Alternatives to #215a88

#215a88 Preview

Shades and Tints of #215a88

Tones of #215a88

Color Blindness Simulator