#1f3cc1 hex color

In a RGB color space, hex #1f3cc1 is composed of 12.2% red, 23.5% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 83.9% cyan, 68.9% magenta, 0% yellow and 24.3% black. It has a hue angle of 229.3 degrees, a saturation of 72.3% and a lightness of 43.9%. #1f3cc1 color hex could be obtained by blending #3e78ff with #000083. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 12
- G 24
- B 76
RGB color chart
- C 84
- M 69
- Y 0
- K 24
CMYK color chart

● #1f3cc1 color description : Strong blue.

The hexadecimal color #1f3cc1 has RGB values of R:31, G:60, B:193 and CMYK values of C:0.84, M:0.69, Y:0, K:0.24. Its decimal value is 2047169.

Hex triplet	1f3cc1	`#1f3cc1`
RGB Decimal	31, 60, 193	`rgb(31,60,193)`
RGB Percent	12.2, 23.5, 75.7	`rgb(12.2%,23.5%,75.7%)`
CMYK	84, 69, 0, 24
HSL	229.3°, 72.3, 43.9	`hsl(229.3,72.3%,43.9%)`
HSV (or HSB)	229.3°, 83.9, 75.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.64, 39.808, -71.713
XYZ	11.805, 7.372, 51.25
xyY	0.168, 0.105, 7.372
CIE-LCH	32.64, 82.021, 299.035
CIE-LUV	32.64, -11.391, -96.768
Hunter-Lab	27.152, 30.088, -92.904
Binary	00011111, 00111100, 11000001

#1f3cc1
```
#1f3cc1 rgb(31,60,193)
```
#c1a41f
```
#c1a41f rgb(193,164,31)
```

Complementary Color

#1f8dc1
```
#1f8dc1 rgb(31,141,193)
```
#1f3cc1
```
#1f3cc1 rgb(31,60,193)
```
#531fc1
```
#531fc1 rgb(83,31,193)
```

Analogous Color

#8dc11f
```
#8dc11f rgb(141,193,31)
```
#1f3cc1
```
#1f3cc1 rgb(31,60,193)
```
#c1531f
```
#c1531f rgb(193,83,31)
```

Split Complementary Color

#3cc11f
```
#3cc11f rgb(60,193,31)
```
#1f3cc1
```
#1f3cc1 rgb(31,60,193)
```
#c11f3c
```
#c11f3c rgb(193,31,60)
```

Triadic Color

#1fc1a4
```
#1fc1a4 rgb(31,193,164)
```
#1f3cc1
```
#1f3cc1 rgb(31,60,193)
```
#c11f3c
```
#c11f3c rgb(193,31,60)
```
#c1a41f
```
#c1a41f rgb(193,164,31)
```

Tetradic Color

#14287f
```
#14287f rgb(20,40,127)
```
#182e95
```
#182e95 rgb(24,46,149)
```
#1b35ab
```
#1b35ab rgb(27,53,171)
```
#1f3cc1
```
#1f3cc1 rgb(31,60,193)
```
#2343d7
```
#2343d7 rgb(35,67,215)
```
#3553de
```
#3553de rgb(53,83,222)
```
#4a66e2
```
#4a66e2 rgb(74,102,226)
```

Monochromatic Color

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

#1f65c1
```
#1f65c1 rgb(31,101,193)
```
#1f57c1
```
#1f57c1 rgb(31,87,193)
```
#1f4ac1
```
#1f4ac1 rgb(31,74,193)
```
#1f3cc1
```
#1f3cc1 rgb(31,60,193)
```
#1f2fc1
```
#1f2fc1 rgb(31,47,193)
```
#1f21c1
```
#1f21c1 rgb(31,33,193)
```
#2a1fc1
```
#2a1fc1 rgb(42,31,193)
```

Similar Colors

Text with hexadecimal color #1f3cc1

This text has a font color of #1f3cc1.

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

#1f3cc1 background color

This paragraph has a background color of #1f3cc1.

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

#1f3cc1 border color

This element has a border color of #1f3cc1.

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

CSS codes

.text {color:#1f3cc1;}

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

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

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

#010207
```
#010207 rgb(1,2,7)
```
#040718
```
#040718 rgb(4,7,24)
```
#070d29
```
#070d29 rgb(7,13,41)
```
#09123a
```
#09123a rgb(9,18,58)
```
#0c174b
```
#0c174b rgb(12,23,75)
```
#0f1c5c
```
#0f1c5c rgb(15,28,92)
```
#11226c
```
#11226c rgb(17,34,108)
```
#14277d
```
#14277d rgb(20,39,125)
```
#172c8e
```
#172c8e rgb(23,44,142)
```
#1a319f
```
#1a319f rgb(26,49,159)
```
#1c37b0
```
#1c37b0 rgb(28,55,176)
```
#1f3cc1
```
#1f3cc1 rgb(31,60,193)
```
#2241d2
```
#2241d2 rgb(34,65,210)
```

Shade Color Variation

#2a4add
```
#2a4add rgb(42,74,221)
```
#3b59e0
```
#3b59e0 rgb(59,89,224)
```
#4c67e2
```
#4c67e2 rgb(76,103,226)
```
#5d75e5
```
#5d75e5 rgb(93,117,229)
```
#6e84e8
```
#6e84e8 rgb(110,132,232)
```
#7f92ea
```
#7f92ea rgb(127,146,234)
```
#90a0ed
```
#90a0ed rgb(144,160,237)
```
#a1aff0
```
#a1aff0 rgb(161,175,240)
```
#b2bdf3
```
#b2bdf3 rgb(178,189,243)
```
#c2ccf5
```
#c2ccf5 rgb(194,204,245)
```
#d3daf8
```
#d3daf8 rgb(211,218,248)
```
#e4e8fb
```
#e4e8fb rgb(228,232,251)
```
#f5f7fd
```
#f5f7fd rgb(245,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d6e73 is the less saturated color, while #052bdb is the most saturated one.

#6d6e73
```
#6d6e73 rgb(109,110,115)
```
#64687c
```
#64687c rgb(100,104,124)
```
#5b6385
```
#5b6385 rgb(91,99,133)
```
#535d8d
```
#535d8d rgb(83,93,141)
```
#4a5896
```
#4a5896 rgb(74,88,150)
```
#41529f
```
#41529f rgb(65,82,159)
```
#394da7
```
#394da7 rgb(57,77,167)
```
#3047b0
```
#3047b0 rgb(48,71,176)
```
#2842b8
```
#2842b8 rgb(40,66,184)
```
#1f3cc1
```
#1f3cc1 rgb(31,60,193)
```
#1636ca
```
#1636ca rgb(22,54,202)
```
#0e31d2
```
#0e31d2 rgb(14,49,210)
```
#052bdb
```
#052bdb rgb(5,43,219)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3b415b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a2 Protanopia 1% of men
#00588d Deuteranopia 1% of men
#005e63 Tritanopia 0.001% of the population

Trichromacy

#0b4bad Protanomaly 1% of men, 0.01% of women
#0b4ea0 Deuteranomaly 6% of men, 0.4% of women
#0b5285 Tritanomaly 0.01% of the population

#1f3cc1 hex color

#1f3cc1 Color Information

#1f3cc1 Color Conversion

Color Schemes with #1f3cc1

Alternatives to #1f3cc1

#1f3cc1 Preview

Shades and Tints of #1f3cc1

Tones of #1f3cc1

Color Blindness Simulator