colorhexa.com

#1f53d4 hex color

In a RGB color space, hex #1f53d4 is composed of 12.2% red, 32.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 85.4% cyan, 60.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 222.8 degrees, a saturation of 74.5% and a lightness of 47.6%. #1f53d4 color hex could be obtained by blending #3ea6ff with #0000a9. Closest websafe color is: #3366cc.

- R 12
- G 33
- B 83
RGB color chart
- C 85
- M 61
- Y 0
- K 17
CMYK color chart

● #1f53d4 color description : Strong blue.

The hexadecimal color #1f53d4 has RGB values of R:31, G:83, B:212 and CMYK values of C:0.85, M:0.61, Y:0, K:0.17. Its decimal value is 2053076.

Hex triplet	1f53d4	`#1f53d4`
RGB Decimal	31, 83, 212	`rgb(31,83,212)`
RGB Percent	12.2, 32.5, 83.1	`rgb(12.2%,32.5%,83.1%)`
CMYK	85, 61, 0, 17
HSL	222.8°, 74.5, 47.6	`hsl(222.8,74.5%,47.6%)`
HSV (or HSB)	222.8°, 85.4, 83.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.965, 32.173, -70.721
XYZ	15.539, 11.23, 63.632
xyY	0.172, 0.124, 11.23
CIE-LCH	39.965, 77.695, 294.462
CIE-LUV	39.965, -16.644, -103.252
Hunter-Lab	33.511, 24.127, -89.124
Binary	00011111, 01010011, 11010100

#1f53d4
```
#1f53d4 rgb(31,83,212)
```
#d4a01f
```
#d4a01f rgb(212,160,31)
```

Complementary Color

#1faed4
```
#1faed4 rgb(31,174,212)
```
#1f53d4
```
#1f53d4 rgb(31,83,212)
```
#451fd4
```
#451fd4 rgb(69,31,212)
```

Analogous Color

#aed41f
```
#aed41f rgb(174,212,31)
```
#1f53d4
```
#1f53d4 rgb(31,83,212)
```
#d4451f
```
#d4451f rgb(212,69,31)
```

Split Complementary Color

#53d41f
```
#53d41f rgb(83,212,31)
```
#1f53d4
```
#1f53d4 rgb(31,83,212)
```
#d41f53
```
#d41f53 rgb(212,31,83)
```

Triadic Color

#1fd4a0
```
#1fd4a0 rgb(31,212,160)
```
#1f53d4
```
#1f53d4 rgb(31,83,212)
```
#d41f53
```
#d41f53 rgb(212,31,83)
```
#d4a01f
```
#d4a01f rgb(212,160,31)
```

Tetradic Color

#153991
```
#153991 rgb(21,57,145)
```
#1842a8
```
#1842a8 rgb(24,66,168)
```
#1c4abe
```
#1c4abe rgb(28,74,190)
```
#1f53d4
```
#1f53d4 rgb(31,83,212)
```
#2c60e0
```
#2c60e0 rgb(44,96,224)
```
#4371e3
```
#4371e3 rgb(67,113,227)
```
#5982e7
```
#5982e7 rgb(89,130,231)
```

Monochromatic Color

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

#1f80d4
```
#1f80d4 rgb(31,128,212)
```
#1f71d4
```
#1f71d4 rgb(31,113,212)
```
#1f62d4
```
#1f62d4 rgb(31,98,212)
```
#1f53d4
```
#1f53d4 rgb(31,83,212)
```
#1f44d4
```
#1f44d4 rgb(31,68,212)
```
#1f35d4
```
#1f35d4 rgb(31,53,212)
```
#1f26d4
```
#1f26d4 rgb(31,38,212)
```

Similar Colors

Text with hexadecimal color #1f53d4

This text has a font color of #1f53d4.

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

#1f53d4 background color

This paragraph has a background color of #1f53d4.

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

#1f53d4 border color

This element has a border color of #1f53d4.

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

CSS codes

.text {color:#1f53d4;}

.background {background-color:#1f53d4;}

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

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

#010307
```
#010307 rgb(1,3,7)
```
#030918
```
#030918 rgb(3,9,24)
```
#061029
```
#061029 rgb(6,16,41)
```
#08173a
```
#08173a rgb(8,23,58)
```
#0b1d4b
```
#0b1d4b rgb(11,29,75)
```
#0d245c
```
#0d245c rgb(13,36,92)
```
#102b6d
```
#102b6d rgb(16,43,109)
```
#12327e
```
#12327e rgb(18,50,126)
```
#153890
```
#153890 rgb(21,56,144)
```
#173fa1
```
#173fa1 rgb(23,63,161)
```
#1a46b2
```
#1a46b2 rgb(26,70,178)
```
#1c4cc3
```
#1c4cc3 rgb(28,76,195)
```
#1f53d4
```
#1f53d4 rgb(31,83,212)
```

Shade Color Variation

#275cdf
```
#275cdf rgb(39,92,223)
```
#3869e2
```
#3869e2 rgb(56,105,226)
```
#4976e4
```
#4976e4 rgb(73,118,228)
```
#5b83e7
```
#5b83e7 rgb(91,131,231)
```
#6c90e9
```
#6c90e9 rgb(108,144,233)
```
#7d9dec
```
#7d9dec rgb(125,157,236)
```
#8eaaee
```
#8eaaee rgb(142,170,238)
```
#9fb7f1
```
#9fb7f1 rgb(159,183,241)
```
#b0c3f3
```
#b0c3f3 rgb(176,195,243)
```
#c1d0f6
```
#c1d0f6 rgb(193,208,246)
```
#d2ddf8
```
#d2ddf8 rgb(210,221,248)
```
#e3eafb
```
#e3eafb rgb(227,234,251)
```
#f5f7fd
```
#f5f7fd rgb(245,247,253)
```

Tint Color Variation

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

#737780
```
#737780 rgb(115,119,128)
```
#6a7389
```
#6a7389 rgb(106,115,137)
```
#606f93
```
#606f93 rgb(96,111,147)
```
#576b9c
```
#576b9c rgb(87,107,156)
```
#4e67a5
```
#4e67a5 rgb(78,103,165)
```
#4463af
```
#4463af rgb(68,99,175)
```
#3b5fb8
```
#3b5fb8 rgb(59,95,184)
```
#325bc1
```
#325bc1 rgb(50,91,193)
```
#2857cb
```
#2857cb rgb(40,87,203)
```
#1f53d4
```
#1f53d4 rgb(31,83,212)
```
#164fdd
```
#164fdd rgb(22,79,221)
```
#0c4be7
```
#0c4be7 rgb(12,75,231)
```
#0347f0
```
#0347f0 rgb(3,71,240)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#48526c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c2 Protanopia 1% of men
#0069a9 Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#0b5dc8 Protanomaly 1% of men, 0.01% of women
#0b61b8 Deuteranomaly 6% of men, 0.4% of women
#0b6598 Tritanomaly 0.01% of the population