#215161 hex color

In a RGB color space, hex #215161 is composed of 12.9% red, 31.8% green and 38% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 16.5% magenta, 0% yellow and 62% black. It has a hue angle of 195 degrees, a saturation of 49.2% and a lightness of 25.5%. #215161 color hex could be obtained by blending #42a2c2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 13
- G 32
- B 38
RGB color chart
- C 66
- M 16
- Y 0
- K 62
CMYK color chart

● #215161 color description : Very dark blue.

The hexadecimal color #215161 has RGB values of R:33, G:81, B:97 and CMYK values of C:0.66, M:0.16, Y:0, K:0.62. Its decimal value is 2183521.

Hex triplet	215161	`#215161`
RGB Decimal	33, 81, 97	`rgb(33,81,97)`
RGB Percent	12.9, 31.8, 38	`rgb(12.9%,31.8%,38%)`
CMYK	66, 16, 0, 62
HSL	195°, 49.2, 25.5	`hsl(195,49.2%,25.5%)`
HSV (or HSB)	195°, 66, 38
Web Safe	336666	`#336666`

CIE-LAB	31.968, -10.74, -14.166
XYZ	5.727, 7.071, 12.372
xyY	0.228, 0.281, 7.071
CIE-LCH	31.968, 17.778, 232.832
CIE-LUV	31.968, -18.287, -17.024
Hunter-Lab	26.591, -8.092, -8.971
Binary	00100001, 01010001, 01100001

#215161
```
#215161 rgb(33,81,97)
```
#613121
```
#613121 rgb(97,49,33)
```

Complementary Color

#216151
```
#216151 rgb(33,97,81)
```
#215161
```
#215161 rgb(33,81,97)
```
#213161
```
#213161 rgb(33,49,97)
```

Analogous Color

#615121
```
#615121 rgb(97,81,33)
```
#215161
```
#215161 rgb(33,81,97)
```
#612131
```
#612131 rgb(97,33,49)
```

Split Complementary Color

#516121
```
#516121 rgb(81,97,33)
```
#215161
```
#215161 rgb(33,81,97)
```
#612151
```
#612151 rgb(97,33,81)
```

Triadic Color

#216131
```
#216131 rgb(33,97,49)
```
#215161
```
#215161 rgb(33,81,97)
```
#612151
```
#612151 rgb(97,33,81)
```
#613121
```
#613121 rgb(97,49,33)
```

Tetradic Color

#0e2128
```
#0e2128 rgb(14,33,40)
```
#14313b
```
#14313b rgb(20,49,59)
```
#1b414e
```
#1b414e rgb(27,65,78)
```
#215161
```
#215161 rgb(33,81,97)
```
#276174
```
#276174 rgb(39,97,116)
```
#2e7187
```
#2e7187 rgb(46,113,135)
```
#34819a
```
#34819a rgb(52,129,154)
```

Monochromatic Color

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

#216161
```
#216161 rgb(33,97,97)
```
#215c61
```
#215c61 rgb(33,92,97)
```
#215661
```
#215661 rgb(33,86,97)
```
#215161
```
#215161 rgb(33,81,97)
```
#214c61
```
#214c61 rgb(33,76,97)
```
#214661
```
#214661 rgb(33,70,97)
```
#214161
```
#214161 rgb(33,65,97)
```

Similar Colors

Text with hexadecimal color #215161

This text has a font color of #215161.

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

#215161 background color

This paragraph has a background color of #215161.

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

#215161 border color

This element has a border color of #215161.

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

CSS codes

.text {color:#215161;}

.background {background-color:#215161;}

.border {border:1px solid #215161;}

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

#030809
```
#030809 rgb(3,8,9)
```
#081418
```
#081418 rgb(8,20,24)
```
#0d2026
```
#0d2026 rgb(13,32,38)
```
#122c35
```
#122c35 rgb(18,44,53)
```
#173944
```
#173944 rgb(23,57,68)
```
#1c4552
```
#1c4552 rgb(28,69,82)
```
#215161
```
#215161 rgb(33,81,97)
```
#265d70
```
#265d70 rgb(38,93,112)
```
#2b697e
```
#2b697e rgb(43,105,126)
```
#30768d
```
#30768d rgb(48,118,141)
```
#35829c
```
#35829c rgb(53,130,156)
```
#3a8eaa
```
#3a8eaa rgb(58,142,170)
```
#3f9ab9
```
#3f9ab9 rgb(63,154,185)
```

Shade Color Variation

#4aa4c1
```
#4aa4c1 rgb(74,164,193)
```
#59abc6
```
#59abc6 rgb(89,171,198)
```
#67b2cb
```
#67b2cb rgb(103,178,203)
```
#76bad0
```
#76bad0 rgb(118,186,208)
```
#84c1d5
```
#84c1d5 rgb(132,193,213)
```
#93c8da
```
#93c8da rgb(147,200,218)
```
#a2d0df
```
#a2d0df rgb(162,208,223)
```
#b0d7e4
```
#b0d7e4 rgb(176,215,228)
```
#bfdfe9
```
#bfdfe9 rgb(191,223,233)
```
#cee6ee
```
#cee6ee rgb(206,230,238)
```
#dcedf3
```
#dcedf3 rgb(220,237,243)
```
#ebf5f8
```
#ebf5f8 rgb(235,245,248)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3f4243 is the less saturated color, while #03607f is the most saturated one.

#3f4243
```
#3f4243 rgb(63,66,67)
```
#3a4548
```
#3a4548 rgb(58,69,72)
```
#35474d
```
#35474d rgb(53,71,77)
```
#304a52
```
#304a52 rgb(48,74,82)
```
#2b4c57
```
#2b4c57 rgb(43,76,87)
```
#264f5c
```
#264f5c rgb(38,79,92)
```
#215161
```
#215161 rgb(33,81,97)
```
#1c5466
```
#1c5466 rgb(28,84,102)
```
#17566b
```
#17566b rgb(23,86,107)
```
#125970
```
#125970 rgb(18,89,112)
```
#0d5b75
```
#0d5b75 rgb(13,91,117)
```
#085e7a
```
#085e7a rgb(8,94,122)
```
#03607f
```
#03607f rgb(3,96,127)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3d474a Atypical Achromatopsia 0.001% of the population

Dichromacy

#505365 Protanopia 1% of men
#4f536b Deuteranopia 1% of men
#285b62 Tritanopia 0.001% of the population

Trichromacy

#3f5263 Protanomaly 1% of men, 0.01% of women
#3e5267 Deuteranomaly 6% of men, 0.4% of women
#255761 Tritanomaly 0.01% of the population

#215161 hex color

#215161 Color Information

#215161 Color Conversion

Color Schemes with #215161

Alternatives to #215161

#215161 Preview

Shades and Tints of #215161

Tones of #215161

Color Blindness Simulator