#1f6add hex color

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

♥
- f
- t
- g
- R 12
- G 42
- B 87
RGB color chart
- C 86
- M 52
- Y 0
- K 13
CMYK color chart

● #1f6add color description : Vivid blue.

The hexadecimal color #1f6add has RGB values of R:31, G:106, B:221 and CMYK values of C:0.86, M:0.52, Y:0, K:0.13. Its decimal value is 2058973.

Hex triplet	1f6add	`#1f6add`
RGB Decimal	31, 106, 221	`rgb(31,106,221)`
RGB Percent	12.2, 41.6, 86.7	`rgb(12.2%,41.6%,86.7%)`
CMYK	86, 52, 0, 13
HSL	216.3°, 75.4, 49.4	`hsl(216.3,75.4%,49.4%)`
HSV (or HSB)	216.3°, 86, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.735, 20.745, -64.833
XYZ	18.767, 15.818, 70.467
xyY	0.179, 0.151, 15.818
CIE-LCH	46.735, 68.071, 287.744
CIE-LUV	46.735, -22.627, -99.503
Hunter-Lab	39.772, 14.628, -77.207
Binary	00011111, 01101010, 11011101

#1f6add
```
#1f6add rgb(31,106,221)
```
#dd921f
```
#dd921f rgb(221,146,31)
```

Complementary Color

#1fc9dd
```
#1fc9dd rgb(31,201,221)
```
#1f6add
```
#1f6add rgb(31,106,221)
```
#331fdd
```
#331fdd rgb(51,31,221)
```

Analogous Color

#c9dd1f
```
#c9dd1f rgb(201,221,31)
```
#1f6add
```
#1f6add rgb(31,106,221)
```
#dd331f
```
#dd331f rgb(221,51,31)
```

Split Complementary Color

#6add1f
```
#6add1f rgb(106,221,31)
```
#1f6add
```
#1f6add rgb(31,106,221)
```
#dd1f6a
```
#dd1f6a rgb(221,31,106)
```

Triadic Color

#1fdd92
```
#1fdd92 rgb(31,221,146)
```
#1f6add
```
#1f6add rgb(31,106,221)
```
#dd1f6a
```
#dd1f6a rgb(221,31,106)
```
#dd921f
```
#dd921f rgb(221,146,31)
```

Tetradic Color

#164a9a
```
#164a9a rgb(22,74,154)
```
#1955b0
```
#1955b0 rgb(25,85,176)
```
#1c5fc7
```
#1c5fc7 rgb(28,95,199)
```
#1f6add
```
#1f6add rgb(31,106,221)
```
#3378e2
```
#3378e2 rgb(51,120,226)
```
#4987e6
```
#4987e6 rgb(73,135,230)
```
#6096e9
```
#6096e9 rgb(96,150,233)
```

Monochromatic Color

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

#1f9add
```
#1f9add rgb(31,154,221)
```
#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)
```
#1f3bdd
```
#1f3bdd rgb(31,59,221)
```

Similar Colors

Text with hexadecimal color #1f6add

This text has a font color of #1f6add.

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

#1f6add background color

This paragraph has a background color of #1f6add.

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

#1f6add border color

This element has a border color of #1f6add.

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

CSS codes

.text {color:#1f6add;}

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

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

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

#02070f
```
#02070f rgb(2,7,15)
```
#040f20
```
#040f20 rgb(4,15,32)
```
#071731
```
#071731 rgb(7,23,49)
```
#092042
```
#092042 rgb(9,32,66)
```
#0c2853
```
#0c2853 rgb(12,40,83)
```
#0e3065
```
#0e3065 rgb(14,48,101)
```
#113876
```
#113876 rgb(17,56,118)
```
#134187
```
#134187 rgb(19,65,135)
```
#154998
```
#154998 rgb(21,73,152)
```
#1851a9
```
#1851a9 rgb(24,81,169)
```
#1a59bb
```
#1a59bb rgb(26,89,187)
```
#1d62cc
```
#1d62cc rgb(29,98,204)
```
#1f6add
```
#1f6add rgb(31,106,221)
```

Shade Color Variation

#2e75e2
```
#2e75e2 rgb(46,117,226)
```
#3f80e4
```
#3f80e4 rgb(63,128,228)
```
#508ce7
```
#508ce7 rgb(80,140,231)
```
#6297e9
```
#6297e9 rgb(98,151,233)
```
#73a2eb
```
#73a2eb rgb(115,162,235)
```
#84aeee
```
#84aeee rgb(132,174,238)
```
#95b9f0
```
#95b9f0 rgb(149,185,240)
```
#a6c4f3
```
#a6c4f3 rgb(166,196,243)
```
#b8d0f5
```
#b8d0f5 rgb(184,208,245)
```
#c9dbf7
```
#c9dbf7 rgb(201,219,247)
```
#dae7fa
```
#dae7fa rgb(218,231,250)
```
#ebf2fc
```
#ebf2fc rgb(235,242,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#767c86
```
#767c86 rgb(118,124,134)
```
#6d7a8f
```
#6d7a8f rgb(109,122,143)
```
#637899
```
#637899 rgb(99,120,153)
```
#5976a3
```
#5976a3 rgb(89,118,163)
```
#4f74ad
```
#4f74ad rgb(79,116,173)
```
#4672b6
```
#4672b6 rgb(70,114,182)
```
#3c70c0
```
#3c70c0 rgb(60,112,192)
```
#326eca
```
#326eca rgb(50,110,202)
```
#296cd3
```
#296cd3 rgb(41,108,211)
```
#1f6add
```
#1f6add rgb(31,106,221)
```
#1568e7
```
#1568e7 rgb(21,104,231)
```
#0c66f0
```
#0c66f0 rgb(12,102,240)
```
#0264fa
```
#0264fa rgb(2,100,250)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#54637a Atypical Achromatopsia 0.001% of the population

Dichromacy

#1772df Protanopia 1% of men
#0078c5 Deuteranopia 1% of men
#008189 Tritanopia 0.001% of the population

Trichromacy

#1a6fde Protanomaly 1% of men, 0.01% of women
#0b73cd Deuteranomaly 6% of men, 0.4% of women
#0b79a7 Tritanomaly 0.01% of the population

#1f6add hex color

#1f6add Color Information

#1f6add Color Conversion

Color Schemes with #1f6add

Alternatives to #1f6add

#1f6add Preview

Shades and Tints of #1f6add

Tones of #1f6add

Color Blindness Simulator