#215f98 hex color

In a RGB color space, hex #215f98 is composed of 12.9% red, 37.3% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 37.5% magenta, 0% yellow and 40.4% black. It has a hue angle of 208.7 degrees, a saturation of 64.3% and a lightness of 36.3%. #215f98 color hex could be obtained by blending #42beff with #000031. Closest websafe color is: #336699.

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

● #215f98 color description : Dark blue.

The hexadecimal color #215f98 has RGB values of R:33, G:95, B:152 and CMYK values of C:0.78, M:0.38, Y:0, K:0.4. Its decimal value is 2187160.

Hex triplet	215f98	`#215f98`
RGB Decimal	33, 95, 152	`rgb(33,95,152)`
RGB Percent	12.9, 37.3, 59.6	`rgb(12.9%,37.3%,59.6%)`
CMYK	78, 38, 0, 40
HSL	208.7°, 64.3, 36.3	`hsl(208.7,64.3%,36.3%)`
HSV (or HSB)	208.7°, 78.3, 59.6
Web Safe	336699	`#336699`

CIE-LAB	39.197, 1.12, -36.738
XYZ	10.386, 10.774, 31.236
xyY	0.198, 0.206, 10.774
CIE-LCH	39.197, 36.755, 271.746
CIE-LUV	39.197, -21.142, -52.688
Hunter-Lab	32.824, -0.963, -33.446
Binary	00100001, 01011111, 10011000

#215f98
```
#215f98 rgb(33,95,152)
```
#985a21
```
#985a21 rgb(152,90,33)
```

Complementary Color

#219896
```
#219896 rgb(33,152,150)
```
#215f98
```
#215f98 rgb(33,95,152)
```
#212498
```
#212498 rgb(33,36,152)
```

Analogous Color

#989621
```
#989621 rgb(152,150,33)
```
#215f98
```
#215f98 rgb(33,95,152)
```
#982124
```
#982124 rgb(152,33,36)
```

Split Complementary Color

#5f9821
```
#5f9821 rgb(95,152,33)
```
#215f98
```
#215f98 rgb(33,95,152)
```
#98215f
```
#98215f rgb(152,33,95)
```

Triadic Color

#21985a
```
#21985a rgb(33,152,90)
```
#215f98
```
#215f98 rgb(33,95,152)
```
#98215f
```
#98215f rgb(152,33,95)
```
#985a21
```
#985a21 rgb(152,90,33)
```

Tetradic Color

#133859
```
#133859 rgb(19,56,89)
```
#18456e
```
#18456e rgb(24,69,110)
```
#1c5283
```
#1c5283 rgb(28,82,131)
```
#215f98
```
#215f98 rgb(33,95,152)
```
#266cad
```
#266cad rgb(38,108,173)
```
#2a79c2
```
#2a79c2 rgb(42,121,194)
```
#3386d3
```
#3386d3 rgb(51,134,211)
```

Monochromatic Color

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

#217d98
```
#217d98 rgb(33,125,152)
```
#217398
```
#217398 rgb(33,115,152)
```
#216998
```
#216998 rgb(33,105,152)
```
#215f98
```
#215f98 rgb(33,95,152)
```
#215598
```
#215598 rgb(33,85,152)
```
#214b98
```
#214b98 rgb(33,75,152)
```
#214198
```
#214198 rgb(33,65,152)
```

Similar Colors

Text with hexadecimal color #215f98

This text has a font color of #215f98.

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

#215f98 background color

This paragraph has a background color of #215f98.

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

#215f98 border color

This element has a border color of #215f98.

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

CSS codes

.text {color:#215f98;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#050e17
```
#050e17 rgb(5,14,23)
```
#091827
```
#091827 rgb(9,24,39)
```
#0c2337
```
#0c2337 rgb(12,35,55)
```
#102d47
```
#102d47 rgb(16,45,71)
```
#133758
```
#133758 rgb(19,55,88)
```
#174168
```
#174168 rgb(23,65,104)
```
#1a4b78
```
#1a4b78 rgb(26,75,120)
```
#1e5588
```
#1e5588 rgb(30,85,136)
```
#215f98
```
#215f98 rgb(33,95,152)
```
#2469a8
```
#2469a8 rgb(36,105,168)
```
#2873b8
```
#2873b8 rgb(40,115,184)
```
#2b7dc8
```
#2b7dc8 rgb(43,125,200)
```

Shade Color Variation

#3487d3
```
#3487d3 rgb(52,135,211)
```
#4591d7
```
#4591d7 rgb(69,145,215)
```
#559ada
```
#559ada rgb(85,154,218)
```
#65a4de
```
#65a4de rgb(101,164,222)
```
#75ade1
```
#75ade1 rgb(117,173,225)
```
#85b7e5
```
#85b7e5 rgb(133,183,229)
```
#95c0e8
```
#95c0e8 rgb(149,192,232)
```
#a5caec
```
#a5caec rgb(165,202,236)
```
#b5d3ef
```
#b5d3ef rgb(181,211,239)
```
#c5ddf3
```
#c5ddf3 rgb(197,221,243)
```
#d6e6f6
```
#d6e6f6 rgb(214,230,246)
```
#e6f0fa
```
#e6f0fa rgb(230,240,250)
```
#f6fafd
```
#f6fafd rgb(246,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5d5f is the less saturated color, while #0560b4 is the most saturated one.

#5a5d5f
```
#5a5d5f rgb(90,93,95)
```
#535d66
```
#535d66 rgb(83,93,102)
```
#4c5d6d
```
#4c5d6d rgb(76,93,109)
```
#455e74
```
#455e74 rgb(69,94,116)
```
#3d5e7c
```
#3d5e7c rgb(61,94,124)
```
#365e83
```
#365e83 rgb(54,94,131)
```
#2f5e8a
```
#2f5e8a rgb(47,94,138)
```
#285f91
```
#285f91 rgb(40,95,145)
```
#215f98
```
#215f98 rgb(33,95,152)
```
#1a5f9f
```
#1a5f9f rgb(26,95,159)
```
#1360a6
```
#1360a6 rgb(19,96,166)
```
#0c60ad
```
#0c60ad rgb(12,96,173)
```
#0560b4
```
#0560b4 rgb(5,96,180)
```

Tone Color Variation

Below, you can see how #215f98 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

#535353 Achromatopsia 0.005% of the population
#495561 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e6399 Protanopia 1% of men
#3c659e Deuteranopia 1% of men
#006e76 Tritanopia 0.001% of the population

Trichromacy

#3d6199 Protanomaly 1% of men, 0.01% of women
#32639b Deuteranomaly 6% of men, 0.4% of women
#0c6882 Tritanomaly 0.01% of the population

#215f98 hex color

#215f98 Color Information

#215f98 Color Conversion

Color Schemes with #215f98

Alternatives to #215f98

#215f98 Preview

Shades and Tints of #215f98

Tones of #215f98

Color Blindness Simulator