#1f6bcc hex color

In a RGB color space, hex #1f6bcc is composed of 12.2% red, 42% green and 80% blue. Whereas in a CMYK color space, it is composed of 84.8% cyan, 47.5% magenta, 0% yellow and 20% black. It has a hue angle of 213.6 degrees, a saturation of 73.6% and a lightness of 46.1%. #1f6bcc color hex could be obtained by blending #3ed6ff with #000099. 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

● #1f6bcc color description : Strong blue.

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

Hex triplet	1f6bcc	`#1f6bcc`
RGB Decimal	31, 107, 204	`rgb(31,107,204)`
RGB Percent	12.2, 42, 80	`rgb(12.2%,42%,80%)`
CMYK	85, 48, 0, 20
HSL	213.6°, 73.6, 46.1	`hsl(213.6,73.6%,46.1%)`
HSV (or HSB)	213.6°, 84.8, 80
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.859, 13.52, -56.554
XYZ	16.719, 15.165, 59.169
xyY	0.184, 0.167, 15.165
CIE-LCH	45.859, 58.148, 283.445
CIE-LUV	45.859, -23.4, -86.257
Hunter-Lab	38.942, 8.488, -62.827
Binary	00011111, 01101011, 11001100

#1f6bcc
```
#1f6bcc rgb(31,107,204)
```
#cc801f
```
#cc801f rgb(204,128,31)
```

Complementary Color

#1fc2cc
```
#1fc2cc rgb(31,194,204)
```
#1f6bcc
```
#1f6bcc rgb(31,107,204)
```
#2a1fcc
```
#2a1fcc rgb(42,31,204)
```

Analogous Color

#c2cc1f
```
#c2cc1f rgb(194,204,31)
```
#1f6bcc
```
#1f6bcc rgb(31,107,204)
```
#cc2a1f
```
#cc2a1f rgb(204,42,31)
```

Split Complementary Color

#6bcc1f
```
#6bcc1f rgb(107,204,31)
```
#1f6bcc
```
#1f6bcc rgb(31,107,204)
```
#cc1f6b
```
#cc1f6b rgb(204,31,107)
```

Triadic Color

#1fcc80
```
#1fcc80 rgb(31,204,128)
```
#1f6bcc
```
#1f6bcc rgb(31,107,204)
```
#cc1f6b
```
#cc1f6b rgb(204,31,107)
```
#cc801f
```
#cc801f rgb(204,128,31)
```

Tetradic Color

#15488a
```
#15488a rgb(21,72,138)
```
#1854a0
```
#1854a0 rgb(24,84,160)
```
#1c5fb6
```
#1c5fb6 rgb(28,95,182)
```
#1f6bcc
```
#1f6bcc rgb(31,107,204)
```
#2677de
```
#2677de rgb(38,119,222)
```
#3d85e1
```
#3d85e1 rgb(61,133,225)
```
#5393e5
```
#5393e5 rgb(83,147,229)
```

Monochromatic Color

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

#1f96cc
```
#1f96cc rgb(31,150,204)
```
#1f88cc
```
#1f88cc rgb(31,136,204)
```
#1f79cc
```
#1f79cc rgb(31,121,204)
```
#1f6bcc
```
#1f6bcc rgb(31,107,204)
```
#1f5dcc
```
#1f5dcc rgb(31,93,204)
```
#1f4ecc
```
#1f4ecc rgb(31,78,204)
```
#1f40cc
```
#1f40cc rgb(31,64,204)
```

Similar Colors

Text with hexadecimal color #1f6bcc

This text has a font color of #1f6bcc.

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

#1f6bcc background color

This paragraph has a background color of #1f6bcc.

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

#1f6bcc border color

This element has a border color of #1f6bcc.

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

CSS codes

.text {color:#1f6bcc;}

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

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

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

#030911
```
#030911 rgb(3,9,17)
```
#051222
```
#051222 rgb(5,18,34)
```
#081b33
```
#081b33 rgb(8,27,51)
```
#0a2444
```
#0a2444 rgb(10,36,68)
```
#0d2c55
```
#0d2c55 rgb(13,44,85)
```
#0f3566
```
#0f3566 rgb(15,53,102)
```
#123e77
```
#123e77 rgb(18,62,119)
```
#154788
```
#154788 rgb(21,71,136)
```
#175099
```
#175099 rgb(23,80,153)
```
#1a59aa
```
#1a59aa rgb(26,89,170)
```
#1c62bb
```
#1c62bb rgb(28,98,187)
```
#1f6bcc
```
#1f6bcc rgb(31,107,204)
```
#2274dd
```
#2274dd rgb(34,116,221)
```

Shade Color Variation

#327fe0
```
#327fe0 rgb(50,127,224)
```
#4389e2
```
#4389e2 rgb(67,137,226)
```
#5494e5
```
#5494e5 rgb(84,148,229)
```
#659fe8
```
#659fe8 rgb(101,159,232)
```
#76a9ea
```
#76a9ea rgb(118,169,234)
```
#87b4ed
```
#87b4ed rgb(135,180,237)
```
#98bfef
```
#98bfef rgb(152,191,239)
```
#aac9f2
```
#aac9f2 rgb(170,201,242)
```
#bbd4f5
```
#bbd4f5 rgb(187,212,245)
```
#ccdff7
```
#ccdff7 rgb(204,223,247)
```
#dde9fa
```
#dde9fa rgb(221,233,250)
```
#eef4fc
```
#eef4fc rgb(238,244,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#70757b
```
#70757b rgb(112,117,123)
```
#677484
```
#677484 rgb(103,116,132)
```
#5e738d
```
#5e738d rgb(94,115,141)
```
#557296
```
#557296 rgb(85,114,150)
```
#4c709f
```
#4c709f rgb(76,112,159)
```
#436fa8
```
#436fa8 rgb(67,111,168)
```
#3a6eb1
```
#3a6eb1 rgb(58,110,177)
```
#316dba
```
#316dba rgb(49,109,186)
```
#286cc3
```
#286cc3 rgb(40,108,195)
```
#1f6bcc
```
#1f6bcc rgb(31,107,204)
```
#166ad5
```
#166ad5 rgb(22,106,213)
```
#0d69de
```
#0d69de rgb(13,105,222)
```
#0468e7
```
#0468e7 rgb(4,104,231)
```

Tone Color Variation

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

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

Trichromacy

#326ecc Protanomaly 1% of men, 0.01% of women
#0b72c6 Deuteranomaly 6% of men, 0.4% of women
#0b78a0 Tritanomaly 0.01% of the population

#1f6bcc hex color

#1f6bcc Color Information

#1f6bcc Color Conversion

Color Schemes with #1f6bcc

Alternatives to #1f6bcc

#1f6bcc Preview

Shades and Tints of #1f6bcc

Tones of #1f6bcc

Color Blindness Simulator