colorhexa.com

#1f5add hex color

In a RGB color space, hex #1f5add is composed of 12.2% red, 35.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 59.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 221.4 degrees, a saturation of 75.4% and a lightness of 49.4%. #1f5add color hex could be obtained by blending #3eb4ff with #0000bb. Closest websafe color is: #3366cc.

- R 12
- G 35
- B 87
RGB color chart
- C 86
- M 59
- Y 0
- K 13
CMYK color chart

● #1f5add color description : Vivid blue.

The hexadecimal color #1f5add has RGB values of R:31, G:90, B:221 and CMYK values of C:0.86, M:0.59, Y:0, K:0.13. Its decimal value is 2054877.

Hex triplet	1f5add	`#1f5add`
RGB Decimal	31, 90, 221	`rgb(31,90,221)`
RGB Percent	12.2, 35.3, 86.7	`rgb(12.2%,35.3%,86.7%)`
CMYK	86, 59, 0, 13
HSL	221.4°, 75.4, 49.4	`hsl(221.4,75.4%,49.4%)`
HSV (or HSB)	221.4°, 86, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.495, 31.061, -71.734
XYZ	17.27, 12.823, 69.967
xyY	0.173, 0.128, 12.823
CIE-LCH	42.495, 78.17, 293.413
CIE-LUV	42.495, -18.328, -106.755
Hunter-Lab	35.809, 23.42, -90.782
Binary	00011111, 01011010, 11011101

#1f5add
```
#1f5add rgb(31,90,221)
```
#dda21f
```
#dda21f rgb(221,162,31)
```

Complementary Color

#1fb9dd
```
#1fb9dd rgb(31,185,221)
```
#1f5add
```
#1f5add rgb(31,90,221)
```
#431fdd
```
#431fdd rgb(67,31,221)
```

Analogous Color

#b9dd1f
```
#b9dd1f rgb(185,221,31)
```
#1f5add
```
#1f5add rgb(31,90,221)
```
#dd431f
```
#dd431f rgb(221,67,31)
```

Split Complementary Color

#5add1f
```
#5add1f rgb(90,221,31)
```
#1f5add
```
#1f5add rgb(31,90,221)
```
#dd1f5a
```
#dd1f5a rgb(221,31,90)
```

Triadic Color

#1fdda2
```
#1fdda2 rgb(31,221,162)
```
#1f5add
```
#1f5add rgb(31,90,221)
```
#dd1f5a
```
#dd1f5a rgb(221,31,90)
```
#dda21f
```
#dda21f rgb(221,162,31)
```

Tetradic Color

#163f9a
```
#163f9a rgb(22,63,154)
```
#1948b0
```
#1948b0 rgb(25,72,176)
```
#1c51c7
```
#1c51c7 rgb(28,81,199)
```
#1f5add
```
#1f5add rgb(31,90,221)
```
#336ae2
```
#336ae2 rgb(51,106,226)
```
#497ae6
```
#497ae6 rgb(73,122,230)
```
#608ae9
```
#608ae9 rgb(96,138,233)
```

Monochromatic Color

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

#1f8add
```
#1f8add rgb(31,138,221)
```
#1f7add
```
#1f7add rgb(31,122,221)
```
#1f6add
```
#1f6add rgb(31,106,221)
```
#1f5add
```
#1f5add rgb(31,90,221)
```
#1f4add
```
#1f4add rgb(31,74,221)
```
#1f3add
```
#1f3add rgb(31,58,221)
```
#1f2bdd
```
#1f2bdd rgb(31,43,221)
```

Similar Colors

Text with hexadecimal color #1f5add

This text has a font color of #1f5add.

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

#1f5add background color

This paragraph has a background color of #1f5add.

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

#1f5add border color

This element has a border color of #1f5add.

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

CSS codes

.text {color:#1f5add;}

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

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

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, #02060f is the darkest color, while #fcfdff is the lightest one.

#02060f
```
#02060f rgb(2,6,15)
```
#040d20
```
#040d20 rgb(4,13,32)
```
#071431
```
#071431 rgb(7,20,49)
```
#091b42
```
#091b42 rgb(9,27,66)
```
#0c2253
```
#0c2253 rgb(12,34,83)
```
#0e2965
```
#0e2965 rgb(14,41,101)
```
#113076
```
#113076 rgb(17,48,118)
```
#133787
```
#133787 rgb(19,55,135)
```
#153e98
```
#153e98 rgb(21,62,152)
```
#1845a9
```
#1845a9 rgb(24,69,169)
```
#1a4cbb
```
#1a4cbb rgb(26,76,187)
```
#1d53cc
```
#1d53cc rgb(29,83,204)
```
#1f5add
```
#1f5add rgb(31,90,221)
```

Shade Color Variation

#2e66e2
```
#2e66e2 rgb(46,102,226)
```
#3f72e4
```
#3f72e4 rgb(63,114,228)
```
#507fe7
```
#507fe7 rgb(80,127,231)
```
#628ce9
```
#628ce9 rgb(98,140,233)
```
#7398eb
```
#7398eb rgb(115,152,235)
```
#84a5ee
```
#84a5ee rgb(132,165,238)
```
#95b1f0
```
#95b1f0 rgb(149,177,240)
```
#a6bef3
```
#a6bef3 rgb(166,190,243)
```
#b8cbf5
```
#b8cbf5 rgb(184,203,245)
```
#c9d7f7
```
#c9d7f7 rgb(201,215,247)
```
#dae4fa
```
#dae4fa rgb(218,228,250)
```
#ebf0fc
```
#ebf0fc rgb(235,240,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#767b86
```
#767b86 rgb(118,123,134)
```
#6d778f
```
#6d778f rgb(109,119,143)
```
#637499
```
#637499 rgb(99,116,153)
```
#5970a3
```
#5970a3 rgb(89,112,163)
```
#4f6cad
```
#4f6cad rgb(79,108,173)
```
#4669b6
```
#4669b6 rgb(70,105,182)
```
#3c65c0
```
#3c65c0 rgb(60,101,192)
```
#3261ca
```
#3261ca rgb(50,97,202)
```
#295ed3
```
#295ed3 rgb(41,94,211)
```
#1f5add
```
#1f5add rgb(31,90,221)
```
#1556e7
```
#1556e7 rgb(21,86,231)
```
#0c53f0
```
#0c53f0 rgb(12,83,240)
```
#024ffa
```
#024ffa rgb(2,79,250)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4c5872 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cd Protanopia 1% of men
#006fb3 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#0b63d3 Protanomaly 1% of men, 0.01% of women
#0b67c2 Deuteranomaly 6% of men, 0.4% of women
#0b6ca0 Tritanomaly 0.01% of the population