#215a90 hex color

In a RGB color space, hex #215a90 is composed of 12.9% red, 35.3% green and 56.5% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 37.5% magenta, 0% yellow and 43.5% black. It has a hue angle of 209.2 degrees, a saturation of 62.7% and a lightness of 34.7%. #215a90 color hex could be obtained by blending #42b4ff with #000021. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 35
- B 56
RGB color chart
- C 77
- M 38
- Y 0
- K 44
CMYK color chart

● #215a90 color description : Dark blue.

The hexadecimal color #215a90 has RGB values of R:33, G:90, B:144 and CMYK values of C:0.77, M:0.38, Y:0, K:0.44. Its decimal value is 2185872.

Hex triplet	215a90	`#215a90`
RGB Decimal	33, 90, 144	`rgb(33,90,144)`
RGB Percent	12.9, 35.3, 56.5	`rgb(12.9%,35.3%,56.5%)`
CMYK	77, 38, 0, 44
HSL	209.2°, 62.7, 34.7	`hsl(209.2,62.7%,34.7%)`
HSV (or HSB)	209.2°, 77.1, 56.5
Web Safe	336699	`#336699`

CIE-LAB	37.204, 1.207, -35.08
XYZ	9.316, 9.649, 27.755
xyY	0.199, 0.207, 9.649
CIE-LCH	37.204, 35.101, 271.971
CIE-LUV	37.204, -19.738, -49.534
Hunter-Lab	31.062, -0.822, -31.235
Binary	00100001, 01011010, 10010000

#215a90
```
#215a90 rgb(33,90,144)
```
#905721
```
#905721 rgb(144,87,33)
```

Complementary Color

#21908f
```
#21908f rgb(33,144,143)
```
#215a90
```
#215a90 rgb(33,90,144)
```
#212390
```
#212390 rgb(33,35,144)
```

Analogous Color

#908f21
```
#908f21 rgb(144,143,33)
```
#215a90
```
#215a90 rgb(33,90,144)
```
#902123
```
#902123 rgb(144,33,35)
```

Split Complementary Color

#5a9021
```
#5a9021 rgb(90,144,33)
```
#215a90
```
#215a90 rgb(33,90,144)
```
#90215a
```
#90215a rgb(144,33,90)
```

Triadic Color

#219057
```
#219057 rgb(33,144,87)
```
#215a90
```
#215a90 rgb(33,90,144)
```
#90215a
```
#90215a rgb(144,33,90)
```
#905721
```
#905721 rgb(144,87,33)
```

Tetradic Color

#133352
```
#133352 rgb(19,51,82)
```
#174067
```
#174067 rgb(23,64,103)
```
#1c4d7b
```
#1c4d7b rgb(28,77,123)
```
#215a90
```
#215a90 rgb(33,90,144)
```
#2667a5
```
#2667a5 rgb(38,103,165)
```
#2b74b9
```
#2b74b9 rgb(43,116,185)
```
#2f81ce
```
#2f81ce rgb(47,129,206)
```

Monochromatic Color

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

#217690
```
#217690 rgb(33,118,144)
```
#216d90
```
#216d90 rgb(33,109,144)
```
#216390
```
#216390 rgb(33,99,144)
```
#215a90
```
#215a90 rgb(33,90,144)
```
#215190
```
#215190 rgb(33,81,144)
```
#214890
```
#214890 rgb(33,72,144)
```
#213e90
```
#213e90 rgb(33,62,144)
```

Similar Colors

Text with hexadecimal color #215a90

This text has a font color of #215a90.

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

#215a90 background color

This paragraph has a background color of #215a90.

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

#215a90 border color

This element has a border color of #215a90.

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

CSS codes

.text {color:#215a90;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040a10
```
#040a10 rgb(4,10,16)
```
#071420
```
#071420 rgb(7,20,32)
```
#0b1e30
```
#0b1e30 rgb(11,30,48)
```
#0f2840
```
#0f2840 rgb(15,40,64)
```
#123250
```
#123250 rgb(18,50,80)
```
#163c60
```
#163c60 rgb(22,60,96)
```
#1a4670
```
#1a4670 rgb(26,70,112)
```
#1d5080
```
#1d5080 rgb(29,80,128)
```
#215a90
```
#215a90 rgb(33,90,144)
```
#2564a0
```
#2564a0 rgb(37,100,160)
```
#286eb0
```
#286eb0 rgb(40,110,176)
```
#2c78c0
```
#2c78c0 rgb(44,120,192)
```

Shade Color Variation

#3082d0
```
#3082d0 rgb(48,130,208)
```
#408cd3
```
#408cd3 rgb(64,140,211)
```
#5095d7
```
#5095d7 rgb(80,149,215)
```
#609fdb
```
#609fdb rgb(96,159,219)
```
#70a8de
```
#70a8de rgb(112,168,222)
```
#80b2e2
```
#80b2e2 rgb(128,178,226)
```
#90bce5
```
#90bce5 rgb(144,188,229)
```
#a0c5e9
```
#a0c5e9 rgb(160,197,233)
```
#b0cfed
```
#b0cfed rgb(176,207,237)
```
#c0d9f0
```
#c0d9f0 rgb(192,217,240)
```
#d0e2f4
```
#d0e2f4 rgb(208,226,244)
```
#dfecf8
```
#dfecf8 rgb(223,236,248)
```
#eff6fb
```
#eff6fb rgb(239,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57595a is the less saturated color, while #065bab is the most saturated one.

#57595a
```
#57595a rgb(87,89,90)
```
#515960
```
#515960 rgb(81,89,96)
```
#4a5967
```
#4a5967 rgb(74,89,103)
```
#43596e
```
#43596e rgb(67,89,110)
```
#3c5975
```
#3c5975 rgb(60,89,117)
```
#35597c
```
#35597c rgb(53,89,124)
```
#2f5a82
```
#2f5a82 rgb(47,90,130)
```
#285a89
```
#285a89 rgb(40,90,137)
```
#215a90
```
#215a90 rgb(33,90,144)
```
#1a5a97
```
#1a5a97 rgb(26,90,151)
```
#135a9e
```
#135a9e rgb(19,90,158)
```
#0d5ba4
```
#0d5ba4 rgb(13,91,164)
```
#065bab
```
#065bab rgb(6,91,171)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#46515c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5e92 Protanopia 1% of men
#3a6096 Deuteranopia 1% of men
#006970 Tritanopia 0.001% of the population

Trichromacy

#3b5c91 Protanomaly 1% of men, 0.01% of women
#315e94 Deuteranomaly 6% of men, 0.4% of women
#0c637c Tritanomaly 0.01% of the population

#215a90 hex color

#215a90 Color Information

#215a90 Color Conversion

Color Schemes with #215a90

Alternatives to #215a90

#215a90 Preview

Shades and Tints of #215a90

Tones of #215a90

Color Blindness Simulator