colorhexa.com

#214380 hex color

In a RGB color space, hex #214380 is composed of 12.9% red, 26.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 47.7% magenta, 0% yellow and 49.8% black. It has a hue angle of 218.5 degrees, a saturation of 59% and a lightness of 31.6%. #214380 color hex could be obtained by blending #4286ff with #000001. Closest websafe color is: #333399.

- R 13
- G 26
- B 50
RGB color chart
- C 74
- M 48
- Y 0
- K 50
CMYK color chart

● #214380 color description : Dark blue.

The hexadecimal color #214380 has RGB values of R:33, G:67, B:128 and CMYK values of C:0.74, M:0.48, Y:0, K:0.5. Its decimal value is 2179968.

Hex triplet	214380	`#214380`
RGB Decimal	33, 67, 128	`rgb(33,67,128)`
RGB Percent	12.9, 26.3, 50.2	`rgb(12.9%,26.3%,50.2%)`
CMYK	74, 48, 0, 50
HSL	218.5°, 59, 31.6	`hsl(218.5,59%,31.6%)`
HSV (or HSB)	218.5°, 74.2, 50.2
Web Safe	333399	`#333399`

CIE-LAB	29.148, 10.179, -38.105
XYZ	6.53, 5.896, 21.215
xyY	0.194, 0.175, 5.896
CIE-LCH	29.148, 39.441, 284.956
CIE-LUV	29.148, -12.567, -50.698
Hunter-Lab	24.281, 5.511, -34.806
Binary	00100001, 01000011, 10000000

#214380
```
#214380 rgb(33,67,128)
```
#805e21
```
#805e21 rgb(128,94,33)
```

Complementary Color

#217380
```
#217380 rgb(33,115,128)
```
#214380
```
#214380 rgb(33,67,128)
```
#2f2180
```
#2f2180 rgb(47,33,128)
```

Analogous Color

#738021
```
#738021 rgb(115,128,33)
```
#214380
```
#214380 rgb(33,67,128)
```
#802f21
```
#802f21 rgb(128,47,33)
```

Split Complementary Color

#438021
```
#438021 rgb(67,128,33)
```
#214380
```
#214380 rgb(33,67,128)
```
#802143
```
#802143 rgb(128,33,67)
```

Triadic Color

#112343
```
#112343 rgb(17,35,67)
```
#172e57
```
#172e57 rgb(23,46,87)
```
#1c386c
```
#1c386c rgb(28,56,108)
```
#214380
```
#214380 rgb(33,67,128)
```
#264e94
```
#264e94 rgb(38,78,148)
```
#2b58a9
```
#2b58a9 rgb(43,88,169)
```
#3163bd
```
#3163bd rgb(49,99,189)
```

Monochromatic Color

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

#215b80
```
#215b80 rgb(33,91,128)
```
#215380
```
#215380 rgb(33,83,128)
```
#214b80
```
#214b80 rgb(33,75,128)
```
#214380
```
#214380 rgb(33,67,128)
```
#213b80
```
#213b80 rgb(33,59,128)
```
#213380
```
#213380 rgb(33,51,128)
```
#212b80
```
#212b80 rgb(33,43,128)
```

Similar Colors

Text with hexadecimal color #214380

This text has a font color of #214380.

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

#214380 background color

This paragraph has a background color of #214380.

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

#214380 border color

This element has a border color of #214380.

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

CSS codes

.text {color:#214380;}

.background {background-color:#214380;}

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

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 #f3f6fc is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#050a13
```
#050a13 rgb(5,10,19)
```
#091222
```
#091222 rgb(9,18,34)
```
#0d1a32
```
#0d1a32 rgb(13,26,50)
```
#112242
```
#112242 rgb(17,34,66)
```
#152b51
```
#152b51 rgb(21,43,81)
```
#193361
```
#193361 rgb(25,51,97)
```
#1d3b70
```
#1d3b70 rgb(29,59,112)
```
#214380
```
#214380 rgb(33,67,128)
```
#254b90
```
#254b90 rgb(37,75,144)
```
#29539f
```
#29539f rgb(41,83,159)
```
#2d5baf
```
#2d5baf rgb(45,91,175)
```
#3164be
```
#3164be rgb(49,100,190)
```

Shade Color Variation

#386ccc
```
#386ccc rgb(56,108,204)
```
#4778d0
```
#4778d0 rgb(71,120,208)
```
#5783d4
```
#5783d4 rgb(87,131,212)
```
#668fd8
```
#668fd8 rgb(102,143,216)
```
#769adc
```
#769adc rgb(118,154,220)
```
#85a6e0
```
#85a6e0 rgb(133,166,224)
```
#95b1e4
```
#95b1e4 rgb(149,177,228)
```
#a5bde8
```
#a5bde8 rgb(165,189,232)
```
#b4c8ec
```
#b4c8ec rgb(180,200,236)
```
#c4d4f0
```
#c4d4f0 rgb(196,212,240)
```
#d3dff4
```
#d3dff4 rgb(211,223,244)
```
#e3eaf8
```
#e3eaf8 rgb(227,234,248)
```
#f3f6fc
```
#f3f6fc rgb(243,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4c4f55 is the less saturated color, while #023a9f is the most saturated one.

#4c4f55
```
#4c4f55 rgb(76,79,85)
```
#464e5b
```
#464e5b rgb(70,78,91)
```
#404c61
```
#404c61 rgb(64,76,97)
```
#3a4a67
```
#3a4a67 rgb(58,74,103)
```
#34486d
```
#34486d rgb(52,72,109)
```
#2d4774
```
#2d4774 rgb(45,71,116)
```
#27457a
```
#27457a rgb(39,69,122)
```
#214380
```
#214380 rgb(33,67,128)
```
#1b4186
```
#1b4186 rgb(27,65,134)
```
#153f8c
```
#153f8c rgb(21,63,140)
```
#0e3e93
```
#0e3e93 rgb(14,62,147)
```
#083c99
```
#083c99 rgb(8,60,153)
```
#023a9f
```
#023a9f rgb(2,58,159)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3a414d Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f4c86 Protanopia 1% of men
#004f84 Deuteranopia 1% of men
#00565b Tritanopia 0.001% of the population

Trichromacy

#294984 Protanomaly 1% of men, 0.01% of women
#0c4b83 Deuteranomaly 6% of men, 0.4% of women
#0c4f69 Tritanomaly 0.01% of the population