#214559 hex color

In a RGB color space, hex #214559 is composed of 12.9% red, 27.1% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 22.5% magenta, 0% yellow and 65.1% black. It has a hue angle of 201.4 degrees, a saturation of 45.9% and a lightness of 23.9%. #214559 color hex could be obtained by blending #428ab2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 27
- B 35
RGB color chart
- C 63
- M 22
- Y 0
- K 65
CMYK color chart

● #214559 color description : Very dark blue.

The hexadecimal color #214559 has RGB values of R:33, G:69, B:89 and CMYK values of C:0.63, M:0.22, Y:0, K:0.65. Its decimal value is 2180441.

Hex triplet	214559	`#214559`
RGB Decimal	33, 69, 89	`rgb(33,69,89)`
RGB Percent	12.9, 27.1, 34.9	`rgb(12.9%,27.1%,34.9%)`
CMYK	63, 22, 0, 65
HSL	201.4°, 45.9, 23.9	`hsl(201.4,45.9%,23.9%)`
HSV (or HSB)	201.4°, 62.9, 34.9
Web Safe	333366	`#333366`

CIE-LAB	27.574, -6.164, -15.804
XYZ	4.558, 5.301, 10.234
xyY	0.227, 0.264, 5.301
CIE-LCH	27.574, 16.964, 248.691
CIE-LUV	27.574, -13.972, -18.88
Hunter-Lab	23.023, -4.951, -10.238
Binary	00100001, 01000101, 01011001

#214559
```
#214559 rgb(33,69,89)
```
#593521
```
#593521 rgb(89,53,33)
```

Complementary Color

#215951
```
#215951 rgb(33,89,81)
```
#214559
```
#214559 rgb(33,69,89)
```
#212959
```
#212959 rgb(33,41,89)
```

Analogous Color

#595121
```
#595121 rgb(89,81,33)
```
#214559
```
#214559 rgb(33,69,89)
```
#592129
```
#592129 rgb(89,33,41)
```

Split Complementary Color

#455921
```
#455921 rgb(69,89,33)
```
#214559
```
#214559 rgb(33,69,89)
```
#592145
```
#592145 rgb(89,33,69)
```

Triadic Color

#215935
```
#215935 rgb(33,89,53)
```
#214559
```
#214559 rgb(33,69,89)
```
#592145
```
#592145 rgb(89,33,69)
```
#593521
```
#593521 rgb(89,53,33)
```

Tetradic Color

#0c1a21
```
#0c1a21 rgb(12,26,33)
```
#132834
```
#132834 rgb(19,40,52)
```
#1a3746
```
#1a3746 rgb(26,55,70)
```
#214559
```
#214559 rgb(33,69,89)
```
#28536c
```
#28536c rgb(40,83,108)
```
#2f627e
```
#2f627e rgb(47,98,126)
```
#367091
```
#367091 rgb(54,112,145)
```

Monochromatic Color

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

#215359
```
#215359 rgb(33,83,89)
```
#214e59
```
#214e59 rgb(33,78,89)
```
#214a59
```
#214a59 rgb(33,74,89)
```
#214559
```
#214559 rgb(33,69,89)
```
#214059
```
#214059 rgb(33,64,89)
```
#213c59
```
#213c59 rgb(33,60,89)
```
#213759
```
#213759 rgb(33,55,89)
```

Similar Colors

Text with hexadecimal color #214559

This text has a font color of #214559.

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

#214559 background color

This paragraph has a background color of #214559.

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

#214559 border color

This element has a border color of #214559.

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

CSS codes

.text {color:#214559;}

.background {background-color:#214559;}

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060e11
```
#060e11 rgb(6,14,17)
```
#0c1920
```
#0c1920 rgb(12,25,32)
```
#11242e
```
#11242e rgb(17,36,46)
```
#162f3c
```
#162f3c rgb(22,47,60)
```
#1c3a4b
```
#1c3a4b rgb(28,58,75)
```
#214559
```
#214559 rgb(33,69,89)
```
#265067
```
#265067 rgb(38,80,103)
```
#2c5b76
```
#2c5b76 rgb(44,91,118)
```
#316684
```
#316684 rgb(49,102,132)
```
#367192
```
#367192 rgb(54,113,146)
```
#3c7ca1
```
#3c7ca1 rgb(60,124,161)
```
#4188af
```
#4188af rgb(65,136,175)
```

Shade Color Variation

#4892bb
```
#4892bb rgb(72,146,187)
```
#569bc0
```
#569bc0 rgb(86,155,192)
```
#65a3c6
```
#65a3c6 rgb(101,163,198)
```
#73accb
```
#73accb rgb(115,172,203)
```
#81b4d0
```
#81b4d0 rgb(129,180,208)
```
#90bdd6
```
#90bdd6 rgb(144,189,214)
```
#9ec5db
```
#9ec5db rgb(158,197,219)
```
#accee0
```
#accee0 rgb(172,206,224)
```
#bbd6e6
```
#bbd6e6 rgb(187,214,230)
```
#c9dfeb
```
#c9dfeb rgb(201,223,235)
```
#d7e7f0
```
#d7e7f0 rgb(215,231,240)
```
#e6f0f6
```
#e6f0f6 rgb(230,240,246)
```
#f4f8fb
```
#f4f8fb rgb(244,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #383e42 is the less saturated color, while #004e7a is the most saturated one.

#383e42
```
#383e42 rgb(56,62,66)
```
#344046
```
#344046 rgb(52,64,70)
```
#2f414b
```
#2f414b rgb(47,65,75)
```
#2a4250
```
#2a4250 rgb(42,66,80)
```
#264454
```
#264454 rgb(38,68,84)
```
#214559
```
#214559 rgb(33,69,89)
```
#1c465e
```
#1c465e rgb(28,70,94)
```
#184862
```
#184862 rgb(24,72,98)
```
#134967
```
#134967 rgb(19,73,103)
```
#0e4a6c
```
#0e4a6c rgb(14,74,108)
```
#0a4c70
```
#0a4c70 rgb(10,76,112)
```
#054d75
```
#054d75 rgb(5,77,117)
```
#004e7a
```
#004e7a rgb(0,78,122)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#373f43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#454a5e Protanopia 1% of men
#434a63 Deuteranopia 1% of men
#265056 Tritanopia 0.001% of the population

Trichromacy

#38485c Protanomaly 1% of men, 0.01% of women
#36485f Deuteranomaly 6% of men, 0.4% of women
#244c57 Tritanomaly 0.01% of the population

#214559 hex color

#214559 Color Information

#214559 Color Conversion

Color Schemes with #214559

Alternatives to #214559

#214559 Preview

Shades and Tints of #214559

Tones of #214559

Color Blindness Simulator