#215e96 hex color

In a RGB color space, hex #215e96 is composed of 12.9% red, 36.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 37.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 208.7 degrees, a saturation of 63.9% and a lightness of 35.9%. #215e96 color hex could be obtained by blending #42bcff with #00002d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 37
- B 59
RGB color chart
- C 78
- M 37
- Y 0
- K 41
CMYK color chart

● #215e96 color description : Dark blue.

The hexadecimal color #215e96 has RGB values of R:33, G:94, B:150 and CMYK values of C:0.78, M:0.37, Y:0, K:0.41. Its decimal value is 2186902.

Hex triplet	215e96	`#215e96`
RGB Decimal	33, 94, 150	`rgb(33,94,150)`
RGB Percent	12.9, 36.9, 58.8	`rgb(12.9%,36.9%,58.8%)`
CMYK	78, 37, 0, 41
HSL	208.7°, 63.9, 35.9	`hsl(208.7,63.9%,35.9%)`
HSV (or HSB)	208.7°, 78, 58.8
Web Safe	336699	`#336699`

CIE-LAB	38.777, 0.981, -36.204
XYZ	10.134, 10.53, 30.351
xyY	0.199, 0.206, 10.53
CIE-LCH	38.777, 36.217, 271.552
CIE-LUV	38.777, -20.879, -51.732
Hunter-Lab	32.45, -1.044, -32.74
Binary	00100001, 01011110, 10010110

#215e96
```
#215e96 rgb(33,94,150)
```
#965921
```
#965921 rgb(150,89,33)
```

Complementary Color

#219694
```
#219694 rgb(33,150,148)
```
#215e96
```
#215e96 rgb(33,94,150)
```
#212496
```
#212496 rgb(33,36,150)
```

Analogous Color

#969421
```
#969421 rgb(150,148,33)
```
#215e96
```
#215e96 rgb(33,94,150)
```
#962124
```
#962124 rgb(150,33,36)
```

Split Complementary Color

#5e9621
```
#5e9621 rgb(94,150,33)
```
#215e96
```
#215e96 rgb(33,94,150)
```
#96215e
```
#96215e rgb(150,33,94)
```

Triadic Color

#219659
```
#219659 rgb(33,150,89)
```
#215e96
```
#215e96 rgb(33,94,150)
```
#96215e
```
#96215e rgb(150,33,94)
```
#965921
```
#965921 rgb(150,89,33)
```

Tetradic Color

#133757
```
#133757 rgb(19,55,87)
```
#18446c
```
#18446c rgb(24,68,108)
```
#1c5181
```
#1c5181 rgb(28,81,129)
```
#215e96
```
#215e96 rgb(33,94,150)
```
#266bab
```
#266bab rgb(38,107,171)
```
#2a78c0
```
#2a78c0 rgb(42,120,192)
```
#3285d2
```
#3285d2 rgb(50,133,210)
```

Monochromatic Color

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

#217b96
```
#217b96 rgb(33,123,150)
```
#217296
```
#217296 rgb(33,114,150)
```
#216896
```
#216896 rgb(33,104,150)
```
#215e96
```
#215e96 rgb(33,94,150)
```
#215496
```
#215496 rgb(33,84,150)
```
#214b96
```
#214b96 rgb(33,75,150)
```
#214196
```
#214196 rgb(33,65,150)
```

Similar Colors

Text with hexadecimal color #215e96

This text has a font color of #215e96.

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

#215e96 background color

This paragraph has a background color of #215e96.

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

#215e96 border color

This element has a border color of #215e96.

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

CSS codes

.text {color:#215e96;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#050d15
```
#050d15 rgb(5,13,21)
```
#081725
```
#081725 rgb(8,23,37)
```
#0c2236
```
#0c2236 rgb(12,34,54)
```
#0f2c46
```
#0f2c46 rgb(15,44,70)
```
#133656
```
#133656 rgb(19,54,86)
```
#164066
```
#164066 rgb(22,64,102)
```
#1a4a76
```
#1a4a76 rgb(26,74,118)
```
#1d5486
```
#1d5486 rgb(29,84,134)
```
#215e96
```
#215e96 rgb(33,94,150)
```
#2568a6
```
#2568a6 rgb(37,104,166)
```
#2872b6
```
#2872b6 rgb(40,114,182)
```
#2c7cc6
```
#2c7cc6 rgb(44,124,198)
```

Shade Color Variation

#3386d2
```
#3386d2 rgb(51,134,210)
```
#4390d6
```
#4390d6 rgb(67,144,214)
```
#5399d9
```
#5399d9 rgb(83,153,217)
```
#64a3dd
```
#64a3dd rgb(100,163,221)
```
#74ace0
```
#74ace0 rgb(116,172,224)
```
#84b6e4
```
#84b6e4 rgb(132,182,228)
```
#94bfe7
```
#94bfe7 rgb(148,191,231)
```
#a4c9eb
```
#a4c9eb rgb(164,201,235)
```
#b4d2ee
```
#b4d2ee rgb(180,210,238)
```
#c4dcf2
```
#c4dcf2 rgb(196,220,242)
```
#d4e6f6
```
#d4e6f6 rgb(212,230,246)
```
#e4eff9
```
#e4eff9 rgb(228,239,249)
```
#f4f9fd
```
#f4f9fd rgb(244,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595c5e is the less saturated color, while #055fb2 is the most saturated one.

#595c5e
```
#595c5e rgb(89,92,94)
```
#525c65
```
#525c65 rgb(82,92,101)
```
#4b5c6c
```
#4b5c6c rgb(75,92,108)
```
#445c73
```
#445c73 rgb(68,92,115)
```
#3d5d7a
```
#3d5d7a rgb(61,93,122)
```
#365d81
```
#365d81 rgb(54,93,129)
```
#2f5d88
```
#2f5d88 rgb(47,93,136)
```
#285e8f
```
#285e8f rgb(40,94,143)
```
#215e96
```
#215e96 rgb(33,94,150)
```
#1a5e9d
```
#1a5e9d rgb(26,94,157)
```
#135fa4
```
#135fa4 rgb(19,95,164)
```
#0c5fab
```
#0c5fab rgb(12,95,171)
```
#055fb2
```
#055fb2 rgb(5,95,178)
```

Tone Color Variation

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

Dichromacy

#4d6298 Protanopia 1% of men
#3c649c Deuteranopia 1% of men
#006d75 Tritanopia 0.001% of the population

Trichromacy

#3d6097 Protanomaly 1% of men, 0.01% of women
#32629a Deuteranomaly 6% of men, 0.4% of women
#0c6781 Tritanomaly 0.01% of the population

#215e96 hex color

#215e96 Color Information

#215e96 Color Conversion

Color Schemes with #215e96

Alternatives to #215e96

#215e96 Preview

Shades and Tints of #215e96

Tones of #215e96

Color Blindness Simulator