#1f3add hex color

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

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

● #1f3add color description : Vivid blue.

The hexadecimal color #1f3add has RGB values of R:31, G:58, B:221 and CMYK values of C:0.86, M:0.74, Y:0, K:0.13. Its decimal value is 2046685.

Hex triplet	1f3add	`#1f3add`
RGB Decimal	31, 58, 221	`rgb(31,58,221)`
RGB Percent	12.2, 22.7, 86.7	`rgb(12.2%,22.7%,86.7%)`
CMYK	86, 74, 0, 13
HSL	231.5°, 75.4, 49.4	`hsl(231.5,75.4%,49.4%)`
HSV (or HSB)	231.5°, 86, 86.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.077, 50.802, -83.935
XYZ	15.127, 8.537, 69.253
xyY	0.163, 0.092, 8.537
CIE-LCH	35.077, 98.112, 301.185
CIE-LUV	35.077, -11.594, -113.728
Hunter-Lab	29.218, 41.282, -120.08
Binary	00011111, 00111010, 11011101

#1f3add
```
#1f3add rgb(31,58,221)
```
#ddc21f
```
#ddc21f rgb(221,194,31)
```

Complementary Color

#1f99dd
```
#1f99dd rgb(31,153,221)
```
#1f3add
```
#1f3add rgb(31,58,221)
```
#631fdd
```
#631fdd rgb(99,31,221)
```

Analogous Color

#99dd1f
```
#99dd1f rgb(153,221,31)
```
#1f3add
```
#1f3add rgb(31,58,221)
```
#dd631f
```
#dd631f rgb(221,99,31)
```

Split Complementary Color

#3add1f
```
#3add1f rgb(58,221,31)
```
#1f3add
```
#1f3add rgb(31,58,221)
```
#dd1f3a
```
#dd1f3a rgb(221,31,58)
```

Triadic Color

#1fddc2
```
#1fddc2 rgb(31,221,194)
```
#1f3add
```
#1f3add rgb(31,58,221)
```
#dd1f3a
```
#dd1f3a rgb(221,31,58)
```
#ddc21f
```
#ddc21f rgb(221,194,31)
```

Tetradic Color

#16289a
```
#16289a rgb(22,40,154)
```
#192eb0
```
#192eb0 rgb(25,46,176)
```
#1c34c7
```
#1c34c7 rgb(28,52,199)
```
#1f3add
```
#1f3add rgb(31,58,221)
```
#334ce2
```
#334ce2 rgb(51,76,226)
```
#4960e6
```
#4960e6 rgb(73,96,230)
```
#6073e9
```
#6073e9 rgb(96,115,233)
```

Monochromatic Color

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

#1f6add
```
#1f6add rgb(31,106,221)
```
#1f5add
```
#1f5add rgb(31,90,221)
```
#1f4add
```
#1f4add rgb(31,74,221)
```
#1f3add
```
#1f3add rgb(31,58,221)
```
#1f2add
```
#1f2add rgb(31,42,221)
```
#241fdd
```
#241fdd rgb(36,31,221)
```
#341fdd
```
#341fdd rgb(52,31,221)
```

Similar Colors

Text with hexadecimal color #1f3add

This text has a font color of #1f3add.

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

#1f3add background color

This paragraph has a background color of #1f3add.

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

#1f3add border color

This element has a border color of #1f3add.

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

CSS codes

.text {color:#1f3add;}

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

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

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

#02040f
```
#02040f rgb(2,4,15)
```
#040820
```
#040820 rgb(4,8,32)
```
#070d31
```
#070d31 rgb(7,13,49)
```
#091142
```
#091142 rgb(9,17,66)
```
#0c1653
```
#0c1653 rgb(12,22,83)
```
#0e1a65
```
#0e1a65 rgb(14,26,101)
```
#111f76
```
#111f76 rgb(17,31,118)
```
#132387
```
#132387 rgb(19,35,135)
```
#152898
```
#152898 rgb(21,40,152)
```
#182ca9
```
#182ca9 rgb(24,44,169)
```
#1a31bb
```
#1a31bb rgb(26,49,187)
```
#1d35cc
```
#1d35cc rgb(29,53,204)
```
#1f3add
```
#1f3add rgb(31,58,221)
```

Shade Color Variation

#2e47e2
```
#2e47e2 rgb(46,71,226)
```
#3f57e4
```
#3f57e4 rgb(63,87,228)
```
#5066e7
```
#5066e7 rgb(80,102,231)
```
#6275e9
```
#6275e9 rgb(98,117,233)
```
#7384eb
```
#7384eb rgb(115,132,235)
```
#8493ee
```
#8493ee rgb(132,147,238)
```
#95a2f0
```
#95a2f0 rgb(149,162,240)
```
#a6b1f3
```
#a6b1f3 rgb(166,177,243)
```
#b8c0f5
```
#b8c0f5 rgb(184,192,245)
```
#c9cff7
```
#c9cff7 rgb(201,207,247)
```
#dadefa
```
#dadefa rgb(218,222,250)
```
#ebeefc
```
#ebeefc rgb(235,238,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#767886
```
#767886 rgb(118,120,134)
```
#6d728f
```
#6d728f rgb(109,114,143)
```
#636b99
```
#636b99 rgb(99,107,153)
```
#5964a3
```
#5964a3 rgb(89,100,163)
```
#4f5dad
```
#4f5dad rgb(79,93,173)
```
#4656b6
```
#4656b6 rgb(70,86,182)
```
#3c4fc0
```
#3c4fc0 rgb(60,79,192)
```
#3248ca
```
#3248ca rgb(50,72,202)
```
#2941d3
```
#2941d3 rgb(41,65,211)
```
#1f3add
```
#1f3add rgb(31,58,221)
```
#1533e7
```
#1533e7 rgb(21,51,231)
```
#0c2cf0
```
#0c2cf0 rgb(12,44,240)
```
#0225fa
```
#0225fa rgb(2,37,250)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#3d4363 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ac Protanopia 1% of men
#005e95 Deuteranopia 1% of men
#006469 Tritanopia 0.001% of the population

Trichromacy

#0b4dbe Protanomaly 1% of men, 0.01% of women
#0b50af Deuteranomaly 6% of men, 0.4% of women
#0b5593 Tritanomaly 0.01% of the population

#1f3add hex color

#1f3add Color Information

#1f3add Color Conversion

Color Schemes with #1f3add

Alternatives to #1f3add

#1f3add Preview

Shades and Tints of #1f3add

Tones of #1f3add

Color Blindness Simulator