#215a74 hex color

In a RGB color space, hex #215a74 is composed of 12.9% red, 35.3% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 71.6% cyan, 22.4% magenta, 0% yellow and 54.5% black. It has a hue angle of 198.8 degrees, a saturation of 55.7% and a lightness of 29.2%. #215a74 color hex could be obtained by blending #42b4e8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 35
- B 45
RGB color chart
- C 72
- M 22
- Y 0
- K 55
CMYK color chart

● #215a74 color description : Dark blue.

The hexadecimal color #215a74 has RGB values of R:33, G:90, B:116 and CMYK values of C:0.72, M:0.22, Y:0, K:0.55. Its decimal value is 2185844.

Hex triplet	215a74	`#215a74`
RGB Decimal	33, 90, 116	`rgb(33,90,116)`
RGB Percent	12.9, 35.3, 45.5	`rgb(12.9%,35.3%,45.5%)`
CMYK	72, 22, 0, 55
HSL	198.8°, 55.7, 29.2	`hsl(198.8,55.7%,29.2%)`
HSV (or HSB)	198.8°, 71.6, 45.5
Web Safe	336666	`#336666`

CIE-LAB	35.783, -9.367, -20.173
XYZ	7.435, 8.896, 17.847
xyY	0.218, 0.26, 8.896
CIE-LCH	35.783, 22.242, 245.093
CIE-LUV	35.783, -20.873, -26.292
Hunter-Lab	29.826, -7.7, -14.599
Binary	00100001, 01011010, 01110100

#215a74
```
#215a74 rgb(33,90,116)
```
#743b21
```
#743b21 rgb(116,59,33)
```

Complementary Color

#217465
```
#217465 rgb(33,116,101)
```
#215a74
```
#215a74 rgb(33,90,116)
```
#213174
```
#213174 rgb(33,49,116)
```

Analogous Color

#746521
```
#746521 rgb(116,101,33)
```
#215a74
```
#215a74 rgb(33,90,116)
```
#742131
```
#742131 rgb(116,33,49)
```

Split Complementary Color

#5a7421
```
#5a7421 rgb(90,116,33)
```
#215a74
```
#215a74 rgb(33,90,116)
```
#74215a
```
#74215a rgb(116,33,90)
```

Triadic Color

#21743b
```
#21743b rgb(33,116,59)
```
#215a74
```
#215a74 rgb(33,90,116)
```
#74215a
```
#74215a rgb(116,33,90)
```
#743b21
```
#743b21 rgb(116,59,33)
```

Tetradic Color

#102c38
```
#102c38 rgb(16,44,56)
```
#163b4c
```
#163b4c rgb(22,59,76)
```
#1b4b60
```
#1b4b60 rgb(27,75,96)
```
#215a74
```
#215a74 rgb(33,90,116)
```
#276988
```
#276988 rgb(39,105,136)
```
#2c799c
```
#2c799c rgb(44,121,156)
```
#3288b0
```
#3288b0 rgb(50,136,176)
```

Monochromatic Color

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

#216f74
```
#216f74 rgb(33,111,116)
```
#216874
```
#216874 rgb(33,104,116)
```
#216174
```
#216174 rgb(33,97,116)
```
#215a74
```
#215a74 rgb(33,90,116)
```
#215374
```
#215374 rgb(33,83,116)
```
#214c74
```
#214c74 rgb(33,76,116)
```
#214574
```
#214574 rgb(33,69,116)
```

Similar Colors

Text with hexadecimal color #215a74

This text has a font color of #215a74.

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

#215a74 background color

This paragraph has a background color of #215a74.

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

#215a74 border color

This element has a border color of #215a74.

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

CSS codes

.text {color:#215a74;}

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

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

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

#030709
```
#030709 rgb(3,7,9)
```
#071318
```
#071318 rgb(7,19,24)
```
#0b1f28
```
#0b1f28 rgb(11,31,40)
```
#102b37
```
#102b37 rgb(16,43,55)
```
#143646
```
#143646 rgb(20,54,70)
```
#184255
```
#184255 rgb(24,66,85)
```
#1d4e65
```
#1d4e65 rgb(29,78,101)
```
#215a74
```
#215a74 rgb(33,90,116)
```
#256683
```
#256683 rgb(37,102,131)
```
#2a7293
```
#2a7293 rgb(42,114,147)
```
#2e7ea2
```
#2e7ea2 rgb(46,126,162)
```
#3289b1
```
#3289b1 rgb(50,137,177)
```
#3795c0
```
#3795c0 rgb(55,149,192)
```

Shade Color Variation

#429fc9
```
#429fc9 rgb(66,159,201)
```
#51a6cd
```
#51a6cd rgb(81,166,205)
```
#60aed2
```
#60aed2 rgb(96,174,210)
```
#6fb6d6
```
#6fb6d6 rgb(111,182,214)
```
#7fbeda
```
#7fbeda rgb(127,190,218)
```
#8ec5df
```
#8ec5df rgb(142,197,223)
```
#9dcde3
```
#9dcde3 rgb(157,205,227)
```
#acd5e8
```
#acd5e8 rgb(172,213,232)
```
#bcddec
```
#bcddec rgb(188,221,236)
```
#cbe5f0
```
#cbe5f0 rgb(203,229,240)
```
#daecf5
```
#daecf5 rgb(218,236,245)
```
#eaf4f9
```
#eaf4f9 rgb(234,244,249)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #494b4c is the less saturated color, while #046591 is the most saturated one.

#494b4c
```
#494b4c rgb(73,75,76)
```
#434d52
```
#434d52 rgb(67,77,82)
```
#3e4f57
```
#3e4f57 rgb(62,79,87)
```
#38515d
```
#38515d rgb(56,81,93)
```
#325463
```
#325463 rgb(50,84,99)
```
#2c5669
```
#2c5669 rgb(44,86,105)
```
#27586e
```
#27586e rgb(39,88,110)
```
#215a74
```
#215a74 rgb(33,90,116)
```
#1b5c7a
```
#1b5c7a rgb(27,92,122)
```
#165e7f
```
#165e7f rgb(22,94,127)
```
#106085
```
#106085 rgb(16,96,133)
```
#0a638b
```
#0a638b rgb(10,99,139)
```
#046591
```
#046591 rgb(4,101,145)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#434f54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#555c76 Protanopia 1% of men
#515c7d Deuteranopia 1% of men
#20656c Tritanopia 0.001% of the population

Trichromacy

#425b75 Protanomaly 1% of men, 0.01% of women
#3f5b7a Deuteranomaly 6% of men, 0.4% of women
#20616f Tritanomaly 0.01% of the population

#215a74 hex color

#215a74 Color Information

#215a74 Color Conversion

Color Schemes with #215a74

Alternatives to #215a74

#215a74 Preview

Shades and Tints of #215a74

Tones of #215a74

Color Blindness Simulator