#1f3bd0 hex color

In a RGB color space, hex #1f3bd0 is composed of 12.2% red, 23.1% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 85.1% cyan, 71.6% magenta, 0% yellow and 18.4% black. It has a hue angle of 230.5 degrees, a saturation of 74.1% and a lightness of 46.9%. #1f3bd0 color hex could be obtained by blending #3e76ff with #0000a1. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 12
- G 23
- B 82
RGB color chart
- C 85
- M 72
- Y 0
- K 18
CMYK color chart

● #1f3bd0 color description : Strong blue.

The hexadecimal color #1f3bd0 has RGB values of R:31, G:59, B:208 and CMYK values of C:0.85, M:0.72, Y:0, K:0.18. Its decimal value is 2046928.

Hex triplet	1f3bd0	`#1f3bd0`
RGB Decimal	31, 59, 208	`rgb(31,59,208)`
RGB Percent	12.2, 23.1, 81.6	`rgb(12.2%,23.1%,81.6%)`
CMYK	85, 72, 0, 18
HSL	230.5°, 74.1, 46.9	`hsl(230.5,74.1%,46.9%)`
HSV (or HSB)	230.5°, 85.1, 81.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.925, 45.759, -78.343
XYZ	13.512, 7.972, 60.498
xyY	0.165, 0.097, 7.972
CIE-LCH	33.925, 90.727, 300.288
CIE-LUV	33.925, -11.483, -105.961
Hunter-Lab	28.235, 36.009, -107.272
Binary	00011111, 00111011, 11010000

#1f3bd0
```
#1f3bd0 rgb(31,59,208)
```
#d0b41f
```
#d0b41f rgb(208,180,31)
```

Complementary Color

#1f94d0
```
#1f94d0 rgb(31,148,208)
```
#1f3bd0
```
#1f3bd0 rgb(31,59,208)
```
#5b1fd0
```
#5b1fd0 rgb(91,31,208)
```

Analogous Color

#94d01f
```
#94d01f rgb(148,208,31)
```
#1f3bd0
```
#1f3bd0 rgb(31,59,208)
```
#d05c1f
```
#d05c1f rgb(208,92,31)
```

Split Complementary Color

#3bd01f
```
#3bd01f rgb(59,208,31)
```
#1f3bd0
```
#1f3bd0 rgb(31,59,208)
```
#d01f3b
```
#d01f3b rgb(208,31,59)
```

Triadic Color

#1fd0b4
```
#1fd0b4 rgb(31,208,180)
```
#1f3bd0
```
#1f3bd0 rgb(31,59,208)
```
#d01f3b
```
#d01f3b rgb(208,31,59)
```
#d0b41f
```
#d0b41f rgb(208,180,31)
```

Tetradic Color

#15288d
```
#15288d rgb(21,40,141)
```
#182ea4
```
#182ea4 rgb(24,46,164)
```
#1c35ba
```
#1c35ba rgb(28,53,186)
```
#1f3bd0
```
#1f3bd0 rgb(31,59,208)
```
#2946df
```
#2946df rgb(41,70,223)
```
#4059e2
```
#4059e2 rgb(64,89,226)
```
#566de6
```
#566de6 rgb(86,109,230)
```

Monochromatic Color

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

#1f67d0
```
#1f67d0 rgb(31,103,208)
```
#1f59d0
```
#1f59d0 rgb(31,89,208)
```
#1f4ad0
```
#1f4ad0 rgb(31,74,208)
```
#1f3bd0
```
#1f3bd0 rgb(31,59,208)
```
#1f2cd0
```
#1f2cd0 rgb(31,44,208)
```
#211fd0
```
#211fd0 rgb(33,31,208)
```
#2f1fd0
```
#2f1fd0 rgb(47,31,208)
```

Similar Colors

Text with hexadecimal color #1f3bd0

This text has a font color of #1f3bd0.

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

#1f3bd0 background color

This paragraph has a background color of #1f3bd0.

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

#1f3bd0 border color

This element has a border color of #1f3bd0.

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

CSS codes

.text {color:#1f3bd0;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#030614
```
#030614 rgb(3,6,20)
```
#060b25
```
#060b25 rgb(6,11,37)
```
#080f36
```
#080f36 rgb(8,15,54)
```
#0b1447
```
#0b1447 rgb(11,20,71)
```
#0d1959
```
#0d1959 rgb(13,25,89)
```
#101e6a
```
#101e6a rgb(16,30,106)
```
#12237b
```
#12237b rgb(18,35,123)
```
#15288c
```
#15288c rgb(21,40,140)
```
#172c9d
```
#172c9d rgb(23,44,157)
```
#1a31ae
```
#1a31ae rgb(26,49,174)
```
#1c36bf
```
#1c36bf rgb(28,54,191)
```
#1f3bd0
```
#1f3bd0 rgb(31,59,208)
```

Shade Color Variation

#2442de
```
#2442de rgb(36,66,222)
```
#3550e1
```
#3550e1 rgb(53,80,225)
```
#465fe3
```
#465fe3 rgb(70,95,227)
```
#576ee6
```
#576ee6 rgb(87,110,230)
```
#697de9
```
#697de9 rgb(105,125,233)
```
#7a8ceb
```
#7a8ceb rgb(122,140,235)
```
#8b9aee
```
#8b9aee rgb(139,154,238)
```
#9ca9f0
```
#9ca9f0 rgb(156,169,240)
```
#adb8f3
```
#adb8f3 rgb(173,184,243)
```
#bec7f5
```
#bec7f5 rgb(190,199,245)
```
#cfd5f8
```
#cfd5f8 rgb(207,213,248)
```
#e0e4fa
```
#e0e4fa rgb(224,228,250)
```
#f1f3fd
```
#f1f3fd rgb(241,243,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #72747d is the less saturated color, while #0328ec is the most saturated one.

#72747d
```
#72747d rgb(114,116,125)
```
#696d86
```
#696d86 rgb(105,109,134)
```
#5f6790
```
#5f6790 rgb(95,103,144)
```
#566199
```
#566199 rgb(86,97,153)
```
#4d5aa2
```
#4d5aa2 rgb(77,90,162)
```
#4454ab
```
#4454ab rgb(68,84,171)
```
#3b4eb4
```
#3b4eb4 rgb(59,78,180)
```
#3148be
```
#3148be rgb(49,72,190)
```
#2841c7
```
#2841c7 rgb(40,65,199)
```
#1f3bd0
```
#1f3bd0 rgb(31,59,208)
```
#1635d9
```
#1635d9 rgb(22,53,217)
```
#0d2ee2
```
#0d2ee2 rgb(13,46,226)
```
#0328ec
```
#0328ec rgb(3,40,236)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3d4260 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a7 Protanopia 1% of men
#005b91 Deuteranopia 1% of men
#006166 Tritanopia 0.001% of the population

Trichromacy

#0b4cb6 Protanomaly 1% of men, 0.01% of women
#0b4fa8 Deuteranomaly 6% of men, 0.4% of women
#0b538c Tritanomaly 0.01% of the population

#1f3bd0 hex color

#1f3bd0 Color Information

#1f3bd0 Color Conversion

Color Schemes with #1f3bd0

Alternatives to #1f3bd0

#1f3bd0 Preview

Shades and Tints of #1f3bd0

Tones of #1f3bd0

Color Blindness Simulator