#213f75 hex color

In a RGB color space, hex #213f75 is composed of 12.9% red, 24.7% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 46.2% magenta, 0% yellow and 54.1% black. It has a hue angle of 218.6 degrees, a saturation of 56% and a lightness of 29.4%. #213f75 color hex could be obtained by blending #427eea with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 25
- B 46
RGB color chart
- C 72
- M 46
- Y 0
- K 54
CMYK color chart

● #213f75 color description : Dark blue.

The hexadecimal color #213f75 has RGB values of R:33, G:63, B:117 and CMYK values of C:0.72, M:0.46, Y:0, K:0.54. Its decimal value is 2178933.

Hex triplet	213f75	`#213f75`
RGB Decimal	33, 63, 117	`rgb(33,63,117)`
RGB Percent	12.9, 24.7, 45.9	`rgb(12.9%,24.7%,45.9%)`
CMYK	72, 46, 0, 54
HSL	218.6°, 56, 29.4	`hsl(218.6,56%,29.4%)`
HSV (or HSB)	218.6°, 71.8, 45.9
Web Safe	333366	`#333366`

CIE-LAB	27.192, 8.558, -34.331
XYZ	5.615, 5.162, 17.529
xyY	0.198, 0.182, 5.162
CIE-LCH	27.192, 35.382, 283.998
CIE-LUV	27.192, -11.402, -44.47
Hunter-Lab	22.721, 4.351, -29.838
Binary	00100001, 00111111, 01110101

#213f75
```
#213f75 rgb(33,63,117)
```
#755721
```
#755721 rgb(117,87,33)
```

Complementary Color

#216975
```
#216975 rgb(33,105,117)
```
#213f75
```
#213f75 rgb(33,63,117)
```
#2d2175
```
#2d2175 rgb(45,33,117)
```

Analogous Color

#697521
```
#697521 rgb(105,117,33)
```
#213f75
```
#213f75 rgb(33,63,117)
```
#752d21
```
#752d21 rgb(117,45,33)
```

Split Complementary Color

#3f7521
```
#3f7521 rgb(63,117,33)
```
#213f75
```
#213f75 rgb(33,63,117)
```
#75213f
```
#75213f rgb(117,33,63)
```

Triadic Color

#217557
```
#217557 rgb(33,117,87)
```
#213f75
```
#213f75 rgb(33,63,117)
```
#75213f
```
#75213f rgb(117,33,63)
```
#755721
```
#755721 rgb(117,87,33)
```

Tetradic Color

#101f39
```
#101f39 rgb(16,31,57)
```
#162a4d
```
#162a4d rgb(22,42,77)
```
#1b3461
```
#1b3461 rgb(27,52,97)
```
#213f75
```
#213f75 rgb(33,63,117)
```
#274a89
```
#274a89 rgb(39,74,137)
```
#2c549d
```
#2c549d rgb(44,84,157)
```
#325fb1
```
#325fb1 rgb(50,95,177)
```

Monochromatic Color

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

#215475
```
#215475 rgb(33,84,117)
```
#214d75
```
#214d75 rgb(33,77,117)
```
#214675
```
#214675 rgb(33,70,117)
```
#213f75
```
#213f75 rgb(33,63,117)
```
#213875
```
#213875 rgb(33,56,117)
```
#213175
```
#213175 rgb(33,49,117)
```
#212a75
```
#212a75 rgb(33,42,117)
```

Similar Colors

Text with hexadecimal color #213f75

This text has a font color of #213f75.

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

#213f75 background color

This paragraph has a background color of #213f75.

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

#213f75 border color

This element has a border color of #213f75.

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

CSS codes

.text {color:#213f75;}

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

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

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, #03050a is the darkest color, while #fafbfd is the lightest one.

#03050a
```
#03050a rgb(3,5,10)
```
#070e19
```
#070e19 rgb(7,14,25)
```
#0b1629
```
#0b1629 rgb(11,22,41)
```
#101e38
```
#101e38 rgb(16,30,56)
```
#142647
```
#142647 rgb(20,38,71)
```
#182f56
```
#182f56 rgb(24,47,86)
```
#1d3766
```
#1d3766 rgb(29,55,102)
```
#213f75
```
#213f75 rgb(33,63,117)
```
#254784
```
#254784 rgb(37,71,132)
```
#2a4f94
```
#2a4f94 rgb(42,79,148)
```
#2e58a3
```
#2e58a3 rgb(46,88,163)
```
#3260b2
```
#3260b2 rgb(50,96,178)
```
#3768c2
```
#3768c2 rgb(55,104,194)
```

Shade Color Variation

#4272ca
```
#4272ca rgb(66,114,202)
```
#517ece
```
#517ece rgb(81,126,206)
```
#6189d2
```
#6189d2 rgb(97,137,210)
```
#7095d7
```
#7095d7 rgb(112,149,215)
```
#7fa0db
```
#7fa0db rgb(127,160,219)
```
#8fabdf
```
#8fabdf rgb(143,171,223)
```
#9eb7e4
```
#9eb7e4 rgb(158,183,228)
```
#adc2e8
```
#adc2e8 rgb(173,194,232)
```
#bccdec
```
#bccdec rgb(188,205,236)
```
#ccd9f1
```
#ccd9f1 rgb(204,217,241)
```
#dbe4f5
```
#dbe4f5 rgb(219,228,245)
```
#eaf0f9
```
#eaf0f9 rgb(234,240,249)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#494b4d
```
#494b4d rgb(73,75,77)
```
#444952
```
#444952 rgb(68,73,82)
```
#3e4758
```
#3e4758 rgb(62,71,88)
```
#38465e
```
#38465e rgb(56,70,94)
```
#324464
```
#324464 rgb(50,68,100)
```
#2d4269
```
#2d4269 rgb(45,66,105)
```
#27416f
```
#27416f rgb(39,65,111)
```
#213f75
```
#213f75 rgb(33,63,117)
```
#1b3d7b
```
#1b3d7b rgb(27,61,123)
```
#153c81
```
#153c81 rgb(21,60,129)
```
#103a86
```
#103a86 rgb(16,58,134)
```
#0a388c
```
#0a388c rgb(10,56,140)
```
#043792
```
#043792 rgb(4,55,146)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#373d47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#30487b Protanopia 1% of men
#1a4b7b Deuteranopia 1% of men
#005157 Tritanopia 0.001% of the population

Trichromacy

#2a4579 Protanomaly 1% of men, 0.01% of women
#1c4678 Deuteranomaly 6% of men, 0.4% of women
#0c4a62 Tritanomaly 0.01% of the population

#213f75 hex color

#213f75 Color Information

#213f75 Color Conversion

Color Schemes with #213f75

Alternatives to #213f75

#213f75 Preview

Shades and Tints of #213f75

Tones of #213f75

Color Blindness Simulator