#1f3aed hex color

In a RGB color space, hex #1f3aed is composed of 12.2% red, 22.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 86.9% cyan, 75.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 232.1 degrees, a saturation of 85.1% and a lightness of 52.5%. #1f3aed color hex could be obtained by blending #3e74ff with #0000db. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 12
- G 23
- B 93
RGB color chart
- C 87
- M 76
- Y 0
- K 7
CMYK color chart

● #1f3aed color description : Vivid blue.

The hexadecimal color #1f3aed has RGB values of R:31, G:58, B:237 and CMYK values of C:0.87, M:0.76, Y:0, K:0.07. Its decimal value is 2046701.

Hex triplet	1f3aed	`#1f3aed`
RGB Decimal	31, 58, 237	`rgb(31,58,237)`
RGB Percent	12.2, 22.7, 92.9	`rgb(12.2%,22.7%,92.9%)`
CMYK	87, 76, 0, 7
HSL	232.1°, 85.1, 52.5	`hsl(232.1,85.1%,52.5%)`
HSV (or HSB)	232.1°, 86.9, 92.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.8, 56.106, -90.2
XYZ	17.361, 9.431, 81.021
xyY	0.161, 0.087, 9.431
CIE-LCH	36.8, 106.226, 301.882
CIE-LUV	36.8, -11.98, -123.019
Hunter-Lab	30.709, 47.172, -134.931
Binary	00011111, 00111010, 11101101

#1f3aed
```
#1f3aed rgb(31,58,237)
```
#edd21f
```
#edd21f rgb(237,210,31)
```

Complementary Color

#1fa1ed
```
#1fa1ed rgb(31,161,237)
```
#1f3aed
```
#1f3aed rgb(31,58,237)
```
#6b1fed
```
#6b1fed rgb(107,31,237)
```

Analogous Color

#a1ed1f
```
#a1ed1f rgb(161,237,31)
```
#1f3aed
```
#1f3aed rgb(31,58,237)
```
#ed6b1f
```
#ed6b1f rgb(237,107,31)
```

Split Complementary Color

#3aed1f
```
#3aed1f rgb(58,237,31)
```
#1f3aed
```
#1f3aed rgb(31,58,237)
```
#ed1f3a
```
#ed1f3a rgb(237,31,58)
```

Triadic Color

#1fedd2
```
#1fedd2 rgb(31,237,210)
```
#1f3aed
```
#1f3aed rgb(31,58,237)
```
#ed1f3a
```
#ed1f3a rgb(237,31,58)
```
#edd21f
```
#edd21f rgb(237,210,31)
```

Tetradic Color

#0e24b1
```
#0e24b1 rgb(14,36,177)
```
#1028c9
```
#1028c9 rgb(16,40,201)
```
#122de0
```
#122de0 rgb(18,45,224)
```
#1f3aed
```
#1f3aed rgb(31,58,237)
```
#374fef
```
#374fef rgb(55,79,239)
```
#4e64f1
```
#4e64f1 rgb(78,100,241)
```
#6678f3
```
#6678f3 rgb(102,120,243)
```

Monochromatic Color

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

#1f6eed
```
#1f6eed rgb(31,110,237)
```
#1f5ced
```
#1f5ced rgb(31,92,237)
```
#1f4bed
```
#1f4bed rgb(31,75,237)
```
#1f3aed
```
#1f3aed rgb(31,58,237)
```
#1f29ed
```
#1f29ed rgb(31,41,237)
```
#261fed
```
#261fed rgb(38,31,237)
```
#381fed
```
#381fed rgb(56,31,237)
```

Similar Colors

Text with hexadecimal color #1f3aed

This text has a font color of #1f3aed.

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

#1f3aed background color

This paragraph has a background color of #1f3aed.

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

#1f3aed border color

This element has a border color of #1f3aed.

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

CSS codes

.text {color:#1f3aed;}

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

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

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, #01020c is the darkest color, while #f9faff is the lightest one.

#01020c
```
#01020c rgb(1,2,12)
```
#02061e
```
#02061e rgb(2,6,30)
```
#040a30
```
#040a30 rgb(4,10,48)
```
#050d43
```
#050d43 rgb(5,13,67)
```
#071155
```
#071155 rgb(7,17,85)
```
#081567
```
#081567 rgb(8,21,103)
```
#0a1879
```
#0a1879 rgb(10,24,121)
```
#0b1c8b
```
#0b1c8b rgb(11,28,139)
```
#0d209d
```
#0d209d rgb(13,32,157)
```
#0e23af
```
#0e23af rgb(14,35,175)
```
#1027c2
```
#1027c2 rgb(16,39,194)
```
#112bd4
```
#112bd4 rgb(17,43,212)
```
#122ee6
```
#122ee6 rgb(18,46,230)
```

Shade Color Variation

#1f3aed
```
#1f3aed rgb(31,58,237)
```
#314aee
```
#314aee rgb(49,74,238)
```
#435af0
```
#435af0 rgb(67,90,240)
```
#556af1
```
#556af1 rgb(85,106,241)
```
#687af3
```
#687af3 rgb(104,122,243)
```
#7a8af4
```
#7a8af4 rgb(122,138,244)
```
#8c9af6
```
#8c9af6 rgb(140,154,246)
```
#9eaaf7
```
#9eaaf7 rgb(158,170,247)
```
#b0baf9
```
#b0baf9 rgb(176,186,249)
```
#c2cafa
```
#c2cafa rgb(194,202,250)
```
#d5dafc
```
#d5dafc rgb(213,218,252)
```
#e7eafd
```
#e7eafd rgb(231,234,253)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#858687
```
#858687 rgb(133,134,135)
```
#7c7f90
```
#7c7f90 rgb(124,127,144)
```
#737899
```
#737899 rgb(115,120,153)
```
#6971a3
```
#6971a3 rgb(105,113,163)
```
#606aac
```
#606aac rgb(96,106,172)
```
#5763b5
```
#5763b5 rgb(87,99,181)
```
#4e5cbe
```
#4e5cbe rgb(78,92,190)
```
#4455c8
```
#4455c8 rgb(68,85,200)
```
#3b4fd1
```
#3b4fd1 rgb(59,79,209)
```
#3248da
```
#3248da rgb(50,72,218)
```
#2841e4
```
#2841e4 rgb(40,65,228)
```
#1f3aed
```
#1f3aed rgb(31,58,237)
```
#1633f6
```
#1633f6 rgb(22,51,246)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#3e4467 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00629b Deuteranopia 1% of men
#00686d Tritanopia 0.001% of the population

Trichromacy

#0b50c8 Protanomaly 1% of men, 0.01% of women
#0b53b9 Deuteranomaly 6% of men, 0.4% of women
#0b579b Tritanomaly 0.01% of the population

#1f3aed hex color

#1f3aed Color Information

#1f3aed Color Conversion

Color Schemes with #1f3aed

Alternatives to #1f3aed

#1f3aed Preview

Shades and Tints of #1f3aed

Tones of #1f3aed

Color Blindness Simulator