#213f60 hex color

In a RGB color space, hex #213f60 is composed of 12.9% red, 24.7% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 34.4% magenta, 0% yellow and 62.4% black. It has a hue angle of 211.4 degrees, a saturation of 48.8% and a lightness of 25.3%. #213f60 color hex could be obtained by blending #427ec0 with #000000. Closest websafe color is: #333366.

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

● #213f60 color description : Very dark blue.

The hexadecimal color #213f60 has RGB values of R:33, G:63, B:96 and CMYK values of C:0.66, M:0.34, Y:0, K:0.62. Its decimal value is 2178912.

Hex triplet	213f60	`#213f60`
RGB Decimal	33, 63, 96	`rgb(33,63,96)`
RGB Percent	12.9, 24.7, 37.6	`rgb(12.9%,24.7%,37.6%)`
CMYK	66, 34, 0, 62
HSL	211.4°, 48.8, 25.3	`hsl(211.4,48.8%,25.3%)`
HSV (or HSB)	211.4°, 65.6, 37.6
Web Safe	333366	`#333366`

CIE-LAB	25.929, 0.36, -22.898
XYZ	4.516, 4.723, 11.739
xyY	0.215, 0.225, 4.723
CIE-LCH	25.929, 22.901, 270.9
CIE-LUV	25.929, -11.625, -28.295
Hunter-Lab	21.732, -0.94, -16.816
Binary	00100001, 00111111, 01100000

#213f60
```
#213f60 rgb(33,63,96)
```
#604221
```
#604221 rgb(96,66,33)
```

Complementary Color

#215f60
```
#215f60 rgb(33,95,96)
```
#213f60
```
#213f60 rgb(33,63,96)
```
#222160
```
#222160 rgb(34,33,96)
```

Analogous Color

#5f6021
```
#5f6021 rgb(95,96,33)
```
#213f60
```
#213f60 rgb(33,63,96)
```
#602321
```
#602321 rgb(96,35,33)
```

Split Complementary Color

#3f6021
```
#3f6021 rgb(63,96,33)
```
#213f60
```
#213f60 rgb(33,63,96)
```
#60213f
```
#60213f rgb(96,33,63)
```

Triadic Color

#216042
```
#216042 rgb(33,96,66)
```
#213f60
```
#213f60 rgb(33,63,96)
```
#60213f
```
#60213f rgb(96,33,63)
```
#604221
```
#604221 rgb(96,66,33)
```

Tetradic Color

#0d1a27
```
#0d1a27 rgb(13,26,39)
```
#14263a
```
#14263a rgb(20,38,58)
```
#1a334d
```
#1a334d rgb(26,51,77)
```
#213f60
```
#213f60 rgb(33,63,96)
```
#284b73
```
#284b73 rgb(40,75,115)
```
#2e5886
```
#2e5886 rgb(46,88,134)
```
#356499
```
#356499 rgb(53,100,153)
```

Monochromatic Color

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

#214f60
```
#214f60 rgb(33,79,96)
```
#214a60
```
#214a60 rgb(33,74,96)
```
#214460
```
#214460 rgb(33,68,96)
```
#213f60
```
#213f60 rgb(33,63,96)
```
#213a60
```
#213a60 rgb(33,58,96)
```
#213560
```
#213560 rgb(33,53,96)
```
#212f60
```
#212f60 rgb(33,47,96)
```

Similar Colors

Text with hexadecimal color #213f60

This text has a font color of #213f60.

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

#213f60 background color

This paragraph has a background color of #213f60.

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

#213f60 border color

This element has a border color of #213f60.

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

CSS codes

.text {color:#213f60;}

.background {background-color:#213f60;}

.border {border:1px solid #213f60;}

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

#030608
```
#030608 rgb(3,6,8)
```
#080f17
```
#080f17 rgb(8,15,23)
```
#0d1926
```
#0d1926 rgb(13,25,38)
```
#122234
```
#122234 rgb(18,34,52)
```
#172c43
```
#172c43 rgb(23,44,67)
```
#1c3551
```
#1c3551 rgb(28,53,81)
```
#213f60
```
#213f60 rgb(33,63,96)
```
#26496f
```
#26496f rgb(38,73,111)
```
#2b527d
```
#2b527d rgb(43,82,125)
```
#305c8c
```
#305c8c rgb(48,92,140)
```
#35659a
```
#35659a rgb(53,101,154)
```
#3a6fa9
```
#3a6fa9 rgb(58,111,169)
```
#3f78b8
```
#3f78b8 rgb(63,120,184)
```

Shade Color Variation

#4a82c1
```
#4a82c1 rgb(74,130,193)
```
#588cc6
```
#588cc6 rgb(88,140,198)
```
#6796cb
```
#6796cb rgb(103,150,203)
```
#75a0d0
```
#75a0d0 rgb(117,160,208)
```
#84aad5
```
#84aad5 rgb(132,170,213)
```
#93b4da
```
#93b4da rgb(147,180,218)
```
#a1bfdf
```
#a1bfdf rgb(161,191,223)
```
#b0c9e4
```
#b0c9e4 rgb(176,201,228)
```
#bed3e9
```
#bed3e9 rgb(190,211,233)
```
#cdddee
```
#cdddee rgb(205,221,238)
```
#dce7f3
```
#dce7f3 rgb(220,231,243)
```
#eaf1f8
```
#eaf1f8 rgb(234,241,248)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

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

#3f4042
```
#3f4042 rgb(63,64,66)
```
#3a4047
```
#3a4047 rgb(58,64,71)
```
#35404c
```
#35404c rgb(53,64,76)
```
#304051
```
#304051 rgb(48,64,81)
```
#2b3f56
```
#2b3f56 rgb(43,63,86)
```
#263f5b
```
#263f5b rgb(38,63,91)
```
#213f60
```
#213f60 rgb(33,63,96)
```
#1c3f65
```
#1c3f65 rgb(28,63,101)
```
#173f6a
```
#173f6a rgb(23,63,106)
```
#123e6f
```
#123e6f rgb(18,62,111)
```
#0d3e74
```
#0d3e74 rgb(13,62,116)
```
#083e79
```
#083e79 rgb(8,62,121)
```
#033e7e
```
#033e7e rgb(3,62,126)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#353b42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b4666 Protanopia 1% of men
#354768 Deuteranopia 1% of men
#1f4d53 Tritanopia 0.001% of the population

Trichromacy

#324364 Protanomaly 1% of men, 0.01% of women
#2e4465 Deuteranomaly 6% of men, 0.4% of women
#1f4857 Tritanomaly 0.01% of the population

#213f60 hex color

#213f60 Color Information

#213f60 Color Conversion

Color Schemes with #213f60

Alternatives to #213f60

#213f60 Preview

Shades and Tints of #213f60

Tones of #213f60

Color Blindness Simulator