#053684 hex color

In a RGB color space, hex #053684 is composed of 2% red, 21.2% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 96.2% cyan, 59.1% magenta, 0% yellow and 48.2% black. It has a hue angle of 216.9 degrees, a saturation of 92.7% and a lightness of 26.9%. #053684 color hex could be obtained by blending #0a6cff with #000009. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 2
- G 21
- B 52
RGB color chart
- C 96
- M 59
- Y 0
- K 48
CMYK color chart

● #053684 color description : Dark blue.

The hexadecimal color #053684 has RGB values of R:5, G:54, B:132 and CMYK values of C:0.96, M:0.59, Y:0, K:0.48. Its decimal value is 341636.

Hex triplet	053684	`#053684`
RGB Decimal	5, 54, 132	`rgb(5,54,132)`
RGB Percent	2, 21.2, 51.8	`rgb(2%,21.2%,51.8%)`
CMYK	96, 59, 0, 48
HSL	216.9°, 92.7, 26.9	`hsl(216.9,92.7%,26.9%)`
HSV (or HSB)	216.9°, 96.2, 51.8
Web Safe	003399	`#003399`

CIE-LAB	24.753, 18.271, -47.756
XYZ	5.546, 4.336, 22.373
xyY	0.172, 0.134, 4.336
CIE-LCH	24.753, 51.132, 290.936
CIE-LUV	24.753, -11.826, -59.513
Hunter-Lab	20.823, 11.098, -49.127
Binary	00000101, 00110110, 10000100

#053684
```
#053684 rgb(5,54,132)
```
#845305
```
#845305 rgb(132,83,5)
```

Complementary Color

#057684
```
#057684 rgb(5,118,132)
```
#053684
```
#053684 rgb(5,54,132)
```
#140584
```
#140584 rgb(20,5,132)
```

Analogous Color

#768405
```
#768405 rgb(118,132,5)
```
#053684
```
#053684 rgb(5,54,132)
```
#841405
```
#841405 rgb(132,20,5)
```

Split Complementary Color

#368405
```
#368405 rgb(54,132,5)
```
#053684
```
#053684 rgb(5,54,132)
```
#840536
```
#840536 rgb(132,5,54)
```

Triadic Color

#058453
```
#058453 rgb(5,132,83)
```
#053684
```
#053684 rgb(5,54,132)
```
#840536
```
#840536 rgb(132,5,54)
```
#845305
```
#845305 rgb(132,83,5)
```

Tetradic Color

#02183a
```
#02183a rgb(2,24,58)
```
#032253
```
#032253 rgb(3,34,83)
```
#042c6b
```
#042c6b rgb(4,44,107)
```
#053684
```
#053684 rgb(5,54,132)
```
#06409d
```
#06409d rgb(6,64,157)
```
#074ab5
```
#074ab5 rgb(7,74,181)
```
#0854ce
```
#0854ce rgb(8,84,206)
```

Monochromatic Color

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

#055684
```
#055684 rgb(5,86,132)
```
#054b84
```
#054b84 rgb(5,75,132)
```
#054184
```
#054184 rgb(5,65,132)
```
#053684
```
#053684 rgb(5,54,132)
```
#052b84
```
#052b84 rgb(5,43,132)
```
#052184
```
#052184 rgb(5,33,132)
```
#051684
```
#051684 rgb(5,22,132)
```

Similar Colors

Text with hexadecimal color #053684

This text has a font color of #053684.

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

#053684 background color

This paragraph has a background color of #053684.

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

#053684 border color

This element has a border color of #053684.

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

CSS codes

.text {color:#053684;}

.background {background-color:#053684;}

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

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

#010813
```
#010813 rgb(1,8,19)
```
#010f26
```
#010f26 rgb(1,15,38)
```
#021738
```
#021738 rgb(2,23,56)
```
#031f4b
```
#031f4b rgb(3,31,75)
```
#04275e
```
#04275e rgb(4,39,94)
```
#042e71
```
#042e71 rgb(4,46,113)
```
#053684
```
#053684 rgb(5,54,132)
```
#063e97
```
#063e97 rgb(6,62,151)
```
#0645aa
```
#0645aa rgb(6,69,170)
```
#074dbd
```
#074dbd rgb(7,77,189)
```
#0855d0
```
#0855d0 rgb(8,85,208)
```
#095de2
```
#095de2 rgb(9,93,226)
```
#0964f5
```
#0964f5 rgb(9,100,245)
```

Shade Color Variation

#1c70f6
```
#1c70f6 rgb(28,112,246)
```
#2f7cf7
```
#2f7cf7 rgb(47,124,247)
```
#4288f8
```
#4288f8 rgb(66,136,248)
```
#5594f9
```
#5594f9 rgb(85,148,249)
```
#68a0f9
```
#68a0f9 rgb(104,160,249)
```
#7aacfa
```
#7aacfa rgb(122,172,250)
```
#8db8fb
```
#8db8fb rgb(141,184,251)
```
#a0c3fb
```
#a0c3fb rgb(160,195,251)
```
#b3cffc
```
#b3cffc rgb(179,207,252)
```
#c6dbfd
```
#c6dbfd rgb(198,219,253)
```
#d9e7fe
```
#d9e7fe rgb(217,231,254)
```
#ecf3fe
```
#ecf3fe rgb(236,243,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#444445
```
#444445 rgb(68,68,69)
```
#3f434a
```
#3f434a rgb(63,67,74)
```
#3a424f
```
#3a424f rgb(58,66,79)
```
#344155
```
#344155 rgb(52,65,85)
```
#2f405a
```
#2f405a rgb(47,64,90)
```
#2a3e5f
```
#2a3e5f rgb(42,62,95)
```
#253d64
```
#253d64 rgb(37,61,100)
```
#1f3c6a
```
#1f3c6a rgb(31,60,106)
```
#1a3b6f
```
#1a3b6f rgb(26,59,111)
```
#153a74
```
#153a74 rgb(21,58,116)
```
#103879
```
#103879 rgb(16,56,121)
```
#0a377f
```
#0a377f rgb(10,55,127)
```
#053684
```
#053684 rgb(5,54,132)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#273141 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004282 Protanopia 1% of men
#004672 Deuteranopia 1% of men
#004b4f Tritanopia 0.001% of the population

Trichromacy

#013e83 Protanomaly 1% of men, 0.01% of women
#014078 Deuteranomaly 6% of men, 0.4% of women
#014362 Tritanomaly 0.01% of the population

#053684 hex color

#053684 Color Information

#053684 Color Conversion

Color Schemes with #053684

Alternatives to #053684

#053684 Preview

Shades and Tints of #053684

Tones of #053684

Color Blindness Simulator