#053fb4 hex color

In a RGB color space, hex #053fb4 is composed of 2% red, 24.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 97.2% cyan, 65% magenta, 0% yellow and 29.4% black. It has a hue angle of 220.1 degrees, a saturation of 94.6% and a lightness of 36.3%. #053fb4 color hex could be obtained by blending #0a7eff with #000069. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 2
- G 25
- B 71
RGB color chart
- C 97
- M 65
- Y 0
- K 29
CMYK color chart

● #053fb4 color description : Strong blue.

The hexadecimal color #053fb4 has RGB values of R:5, G:63, B:180 and CMYK values of C:0.97, M:0.65, Y:0, K:0.29. Its decimal value is 343988.

Hex triplet	053fb4	`#053fb4`
RGB Decimal	5, 63, 180	`rgb(5,63,180)`
RGB Percent	2, 24.7, 70.6	`rgb(2%,24.7%,70.6%)`
CMYK	97, 65, 0, 29
HSL	220.1°, 94.6, 36.3	`hsl(220.1,94.6%,36.3%)`
HSV (or HSB)	220.1°, 97.2, 70.6
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.536, 31.747, -65.876
XYZ	10.077, 6.882, 43.975
xyY	0.165, 0.113, 6.882
CIE-LCH	31.536, 73.127, 295.73
CIE-LUV	31.536, -13.724, -88.46
Hunter-Lab	26.233, 22.657, -81.025
Binary	00000101, 00111111, 10110100

#053fb4
```
#053fb4 rgb(5,63,180)
```
#b47a05
```
#b47a05 rgb(180,122,5)
```

Complementary Color

#0597b4
```
#0597b4 rgb(5,151,180)
```
#053fb4
```
#053fb4 rgb(5,63,180)
```
#2305b4
```
#2305b4 rgb(35,5,180)
```

Analogous Color

#97b405
```
#97b405 rgb(151,180,5)
```
#053fb4
```
#053fb4 rgb(5,63,180)
```
#b42305
```
#b42305 rgb(180,35,5)
```

Split Complementary Color

#3fb405
```
#3fb405 rgb(63,180,5)
```
#053fb4
```
#053fb4 rgb(5,63,180)
```
#b4053f
```
#b4053f rgb(180,5,63)
```

Triadic Color

#05b47a
```
#05b47a rgb(5,180,122)
```
#053fb4
```
#053fb4 rgb(5,63,180)
```
#b4053f
```
#b4053f rgb(180,5,63)
```
#b47a05
```
#b47a05 rgb(180,122,5)
```

Tetradic Color

#03256a
```
#03256a rgb(3,37,106)
```
#042e82
```
#042e82 rgb(4,46,130)
```
#04369b
```
#04369b rgb(4,54,155)
```
#053fb4
```
#053fb4 rgb(5,63,180)
```
#0648cd
```
#0648cd rgb(6,72,205)
```
#0650e6
```
#0650e6 rgb(6,80,230)
```
#0d5bf8
```
#0d5bf8 rgb(13,91,248)
```

Monochromatic Color

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

#056bb4
```
#056bb4 rgb(5,107,180)
```
#055cb4
```
#055cb4 rgb(5,92,180)
```
#054eb4
```
#054eb4 rgb(5,78,180)
```
#053fb4
```
#053fb4 rgb(5,63,180)
```
#0530b4
```
#0530b4 rgb(5,48,180)
```
#0522b4
```
#0522b4 rgb(5,34,180)
```
#0513b4
```
#0513b4 rgb(5,19,180)
```

Similar Colors

Text with hexadecimal color #053fb4

This text has a font color of #053fb4.

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

#053fb4 background color

This paragraph has a background color of #053fb4.

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

#053fb4 border color

This element has a border color of #053fb4.

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

CSS codes

.text {color:#053fb4;}

.background {background-color:#053fb4;}

.border {border:1px solid #053fb4;}

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

#000308
```
#000308 rgb(0,3,8)
```
#010a1b
```
#010a1b rgb(1,10,27)
```
#01102e
```
#01102e rgb(1,16,46)
```
#021741
```
#021741 rgb(2,23,65)
```
#021e55
```
#021e55 rgb(2,30,85)
```
#032468
```
#032468 rgb(3,36,104)
```
#032b7b
```
#032b7b rgb(3,43,123)
```
#04328e
```
#04328e rgb(4,50,142)
```
#0438a1
```
#0438a1 rgb(4,56,161)
```
#053fb4
```
#053fb4 rgb(5,63,180)
```
#0646c7
```
#0646c7 rgb(6,70,199)
```
#064cda
```
#064cda rgb(6,76,218)
```
#0753ed
```
#0753ed rgb(7,83,237)
```

Shade Color Variation

#0f5cf8
```
#0f5cf8 rgb(15,92,248)
```
#2269f9
```
#2269f9 rgb(34,105,249)
```
#3576f9
```
#3576f9 rgb(53,118,249)
```
#4883fa
```
#4883fa rgb(72,131,250)
```
#5b90fa
```
#5b90fa rgb(91,144,250)
```
#6f9dfb
```
#6f9dfb rgb(111,157,251)
```
#82aafc
```
#82aafc rgb(130,170,252)
```
#95b7fc
```
#95b7fc rgb(149,183,252)
```
#a8c4fd
```
#a8c4fd rgb(168,196,253)
```
#bbd1fd
```
#bbd1fd rgb(187,209,253)
```
#cedefe
```
#cedefe rgb(206,222,254)
```
#e1ebfe
```
#e1ebfe rgb(225,235,254)
```
#f4f8ff
```
#f4f8ff rgb(244,248,255)
```

Tint Color Variation

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

#5a5c5f
```
#5a5c5f rgb(90,92,95)
```
#535966
```
#535966 rgb(83,89,102)
```
#4c576d
```
#4c576d rgb(76,87,109)
```
#455574
```
#455574 rgb(69,85,116)
```
#3e527b
```
#3e527b rgb(62,82,123)
```
#375082
```
#375082 rgb(55,80,130)
```
#304d89
```
#304d89 rgb(48,77,137)
```
#294b90
```
#294b90 rgb(41,75,144)
```
#214998
```
#214998 rgb(33,73,152)
```
#1a469f
```
#1a469f rgb(26,70,159)
```
#1344a6
```
#1344a6 rgb(19,68,166)
```
#0c41ad
```
#0c41ad rgb(12,65,173)
```
#053fb4
```
#053fb4 rgb(5,63,180)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#303c53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#005589 Deuteranopia 1% of men
#005b60 Tritanopia 0.001% of the population

Trichromacy

#014aa6 Protanomaly 1% of men, 0.01% of women
#014d98 Deuteranomaly 6% of men, 0.4% of women
#01517e Tritanomaly 0.01% of the population

#053fb4 hex color

#053fb4 Color Information

#053fb4 Color Conversion

Color Schemes with #053fb4

Alternatives to #053fb4

#053fb4 Preview

Shades and Tints of #053fb4

Tones of #053fb4

Color Blindness Simulator