#1f6bcd hex color

In a RGB color space, hex #1f6bcd is composed of 12.2% red, 42% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 84.9% cyan, 47.8% magenta, 0% yellow and 19.6% black. It has a hue angle of 213.8 degrees, a saturation of 73.7% and a lightness of 46.3%. #1f6bcd color hex could be obtained by blending #3ed6ff with #00009b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 42
- B 80
RGB color chart
- C 85
- M 48
- Y 0
- K 20
CMYK color chart

● #1f6bcd color description : Strong blue.

The hexadecimal color #1f6bcd has RGB values of R:31, G:107, B:205 and CMYK values of C:0.85, M:0.48, Y:0, K:0.2. Its decimal value is 2059213.

Hex triplet	1f6bcd	`#1f6bcd`
RGB Decimal	31, 107, 205	`rgb(31,107,205)`
RGB Percent	12.2, 42, 80.4	`rgb(12.2%,42%,80.4%)`
CMYK	85, 48, 0, 20
HSL	213.8°, 73.7, 46.3	`hsl(213.8,73.7%,46.3%)`
HSV (or HSB)	213.8°, 84.9, 80.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.925, 13.908, -57.022
XYZ	16.84, 15.213, 59.803
xyY	0.183, 0.166, 15.213
CIE-LCH	45.925, 58.694, 283.707
CIE-LUV	45.925, -23.368, -87.019
Hunter-Lab	39.004, 8.81, -63.604
Binary	00011111, 01101011, 11001101

#1f6bcd
```
#1f6bcd rgb(31,107,205)
```
#cd811f
```
#cd811f rgb(205,129,31)
```

Complementary Color

#1fc2cd
```
#1fc2cd rgb(31,194,205)
```
#1f6bcd
```
#1f6bcd rgb(31,107,205)
```
#2a1fcd
```
#2a1fcd rgb(42,31,205)
```

Analogous Color

#c2cd1f
```
#c2cd1f rgb(194,205,31)
```
#1f6bcd
```
#1f6bcd rgb(31,107,205)
```
#cd2a1f
```
#cd2a1f rgb(205,42,31)
```

Split Complementary Color

#6bcd1f
```
#6bcd1f rgb(107,205,31)
```
#1f6bcd
```
#1f6bcd rgb(31,107,205)
```
#cd1f6b
```
#cd1f6b rgb(205,31,107)
```

Triadic Color

#1fcd81
```
#1fcd81 rgb(31,205,129)
```
#1f6bcd
```
#1f6bcd rgb(31,107,205)
```
#cd1f6b
```
#cd1f6b rgb(205,31,107)
```
#cd811f
```
#cd811f rgb(205,129,31)
```

Tetradic Color

#15488b
```
#15488b rgb(21,72,139)
```
#1854a1
```
#1854a1 rgb(24,84,161)
```
#1c5fb7
```
#1c5fb7 rgb(28,95,183)
```
#1f6bcd
```
#1f6bcd rgb(31,107,205)
```
#2777de
```
#2777de rgb(39,119,222)
```
#3d85e2
```
#3d85e2 rgb(61,133,226)
```
#5393e5
```
#5393e5 rgb(83,147,229)
```

Monochromatic Color

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

#1f97cd
```
#1f97cd rgb(31,151,205)
```
#1f88cd
```
#1f88cd rgb(31,136,205)
```
#1f7acd
```
#1f7acd rgb(31,122,205)
```
#1f6bcd
```
#1f6bcd rgb(31,107,205)
```
#1f5ccd
```
#1f5ccd rgb(31,92,205)
```
#1f4ecd
```
#1f4ecd rgb(31,78,205)
```
#1f40cd
```
#1f40cd rgb(31,64,205)
```

Similar Colors

Text with hexadecimal color #1f6bcd

This text has a font color of #1f6bcd.

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

#1f6bcd background color

This paragraph has a background color of #1f6bcd.

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

#1f6bcd border color

This element has a border color of #1f6bcd.

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

CSS codes

.text {color:#1f6bcd;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030912
```
#030912 rgb(3,9,18)
```
#051223
```
#051223 rgb(5,18,35)
```
#081b34
```
#081b34 rgb(8,27,52)
```
#0a2445
```
#0a2445 rgb(10,36,69)
```
#0d2d56
```
#0d2d56 rgb(13,45,86)
```
#103667
```
#103667 rgb(16,54,103)
```
#123f78
```
#123f78 rgb(18,63,120)
```
#154789
```
#154789 rgb(21,71,137)
```
#17509a
```
#17509a rgb(23,80,154)
```
#1a59ab
```
#1a59ab rgb(26,89,171)
```
#1c62bc
```
#1c62bc rgb(28,98,188)
```
#1f6bcd
```
#1f6bcd rgb(31,107,205)
```

Shade Color Variation

#2274de
```
#2274de rgb(34,116,222)
```
#337fe0
```
#337fe0 rgb(51,127,224)
```
#4489e3
```
#4489e3 rgb(68,137,227)
```
#5594e5
```
#5594e5 rgb(85,148,229)
```
#669fe8
```
#669fe8 rgb(102,159,232)
```
#77aaea
```
#77aaea rgb(119,170,234)
```
#88b4ed
```
#88b4ed rgb(136,180,237)
```
#99bff0
```
#99bff0 rgb(153,191,240)
```
#aacaf2
```
#aacaf2 rgb(170,202,242)
```
#bbd4f5
```
#bbd4f5 rgb(187,212,245)
```
#ccdff7
```
#ccdff7 rgb(204,223,247)
```
#ddeafa
```
#ddeafa rgb(221,234,250)
```
#eef5fd
```
#eef5fd rgb(238,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71757b is the less saturated color, while #0468e8 is the most saturated one.

#71757b
```
#71757b rgb(113,117,123)
```
#687484
```
#687484 rgb(104,116,132)
```
#5f738d
```
#5f738d rgb(95,115,141)
```
#557297
```
#557297 rgb(85,114,151)
```
#4c71a0
```
#4c71a0 rgb(76,113,160)
```
#4370a9
```
#4370a9 rgb(67,112,169)
```
#3a6eb2
```
#3a6eb2 rgb(58,110,178)
```
#316dbb
```
#316dbb rgb(49,109,187)
```
#286cc4
```
#286cc4 rgb(40,108,196)
```
#1f6bcd
```
#1f6bcd rgb(31,107,205)
```
#166ad6
```
#166ad6 rgb(22,106,214)
```
#0d69df
```
#0d69df rgb(13,105,223)
```
#0468e8
```
#0468e8 rgb(4,104,232)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#526175 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c71ce Protanopia 1% of men
#0076c3 Deuteranopia 1% of men
#007f87 Tritanopia 0.001% of the population

Trichromacy

#316fcd Protanomaly 1% of men, 0.01% of women
#0b72c7 Deuteranomaly 6% of men, 0.4% of women
#0b78a0 Tritanomaly 0.01% of the population

#1f6bcd hex color

#1f6bcd Color Information

#1f6bcd Color Conversion

Color Schemes with #1f6bcd

Alternatives to #1f6bcd

#1f6bcd Preview

Shades and Tints of #1f6bcd

Tones of #1f6bcd

Color Blindness Simulator