#1f86c1 hex color

In a RGB color space, hex #1f86c1 is composed of 12.2% red, 52.5% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 83.9% cyan, 30.6% magenta, 0% yellow and 24.3% black. It has a hue angle of 201.9 degrees, a saturation of 72.3% and a lightness of 43.9%. #1f86c1 color hex could be obtained by blending #3effff with #000d83. Closest websafe color is: #3399cc.

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

● #1f86c1 color description : Strong blue.

The hexadecimal color #1f86c1 has RGB values of R:31, G:134, B:193 and CMYK values of C:0.84, M:0.31, Y:0, K:0.24. Its decimal value is 2066113.

Hex triplet	1f86c1	`#1f86c1`
RGB Decimal	31, 134, 193	`rgb(31,134,193)`
RGB Percent	12.2, 52.5, 75.7	`rgb(12.2%,52.5%,75.7%)`
CMYK	84, 31, 0, 24
HSL	201.9°, 72.3, 43.9	`hsl(201.9,72.3%,43.9%)`
HSV (or HSB)	201.9°, 83.9, 75.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.157, -7.214, -38.636
XYZ	18.713, 21.19, 53.553
xyY	0.2, 0.227, 21.19
CIE-LCH	53.157, 39.303, 259.424
CIE-LUV	53.157, -32.684, -58.59
Hunter-Lab	46.033, -7.992, -36.753
Binary	00011111, 10000110, 11000001

#1f86c1
```
#1f86c1 rgb(31,134,193)
```
#c15a1f
```
#c15a1f rgb(193,90,31)
```

Complementary Color

#1fc1ab
```
#1fc1ab rgb(31,193,171)
```
#1f86c1
```
#1f86c1 rgb(31,134,193)
```
#1f35c1
```
#1f35c1 rgb(31,53,193)
```

Analogous Color

#c1ab1f
```
#c1ab1f rgb(193,171,31)
```
#1f86c1
```
#1f86c1 rgb(31,134,193)
```
#c11f35
```
#c11f35 rgb(193,31,53)
```

Split Complementary Color

#86c11f
```
#86c11f rgb(134,193,31)
```
#1f86c1
```
#1f86c1 rgb(31,134,193)
```
#c11f86
```
#c11f86 rgb(193,31,134)
```

Triadic Color

#1fc15a
```
#1fc15a rgb(31,193,90)
```
#1f86c1
```
#1f86c1 rgb(31,134,193)
```
#c11f86
```
#c11f86 rgb(193,31,134)
```
#c15a1f
```
#c15a1f rgb(193,90,31)
```

Tetradic Color

#14587f
```
#14587f rgb(20,88,127)
```
#186795
```
#186795 rgb(24,103,149)
```
#1b77ab
```
#1b77ab rgb(27,119,171)
```
#1f86c1
```
#1f86c1 rgb(31,134,193)
```
#2395d7
```
#2395d7 rgb(35,149,215)
```
#35a1de
```
#35a1de rgb(53,161,222)
```
#4aabe2
```
#4aabe2 rgb(74,171,226)
```

Monochromatic Color

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

#1fafc1
```
#1fafc1 rgb(31,175,193)
```
#1fa1c1
```
#1fa1c1 rgb(31,161,193)
```
#1f94c1
```
#1f94c1 rgb(31,148,193)
```
#1f86c1
```
#1f86c1 rgb(31,134,193)
```
#1f79c1
```
#1f79c1 rgb(31,121,193)
```
#1f6bc1
```
#1f6bc1 rgb(31,107,193)
```
#1f5ec1
```
#1f5ec1 rgb(31,94,193)
```

Similar Colors

Text with hexadecimal color #1f86c1

This text has a font color of #1f86c1.

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

#1f86c1 background color

This paragraph has a background color of #1f86c1.

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

#1f86c1 border color

This element has a border color of #1f86c1.

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

CSS codes

.text {color:#1f86c1;}

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

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

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

#010507
```
#010507 rgb(1,5,7)
```
#041118
```
#041118 rgb(4,17,24)
```
#071c29
```
#071c29 rgb(7,28,41)
```
#09283a
```
#09283a rgb(9,40,58)
```
#0c344b
```
#0c344b rgb(12,52,75)
```
#0f405c
```
#0f405c rgb(15,64,92)
```
#114b6c
```
#114b6c rgb(17,75,108)
```
#14577d
```
#14577d rgb(20,87,125)
```
#17638e
```
#17638e rgb(23,99,142)
```
#1a6f9f
```
#1a6f9f rgb(26,111,159)
```
#1c7ab0
```
#1c7ab0 rgb(28,122,176)
```
#1f86c1
```
#1f86c1 rgb(31,134,193)
```
#2292d2
```
#2292d2 rgb(34,146,210)
```

Shade Color Variation

#2a9cdd
```
#2a9cdd rgb(42,156,221)
```
#3ba4e0
```
#3ba4e0 rgb(59,164,224)
```
#4cace2
```
#4cace2 rgb(76,172,226)
```
#5db3e5
```
#5db3e5 rgb(93,179,229)
```
#6ebbe8
```
#6ebbe8 rgb(110,187,232)
```
#7fc3ea
```
#7fc3ea rgb(127,195,234)
```
#90cbed
```
#90cbed rgb(144,203,237)
```
#a1d3f0
```
#a1d3f0 rgb(161,211,240)
```
#b2dbf3
```
#b2dbf3 rgb(178,219,243)
```
#c2e3f5
```
#c2e3f5 rgb(194,227,245)
```
#d3ebf8
```
#d3ebf8 rgb(211,235,248)
```
#e4f3fb
```
#e4f3fb rgb(228,243,251)
```
#f5fafd
```
#f5fafd rgb(245,250,253)
```

Tint Color Variation

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

#6d7173
```
#6d7173 rgb(109,113,115)
```
#64737c
```
#64737c rgb(100,115,124)
```
#5b7685
```
#5b7685 rgb(91,118,133)
```
#53788d
```
#53788d rgb(83,120,141)
```
#4a7a96
```
#4a7a96 rgb(74,122,150)
```
#417d9f
```
#417d9f rgb(65,125,159)
```
#397fa7
```
#397fa7 rgb(57,127,167)
```
#3081b0
```
#3081b0 rgb(48,129,176)
```
#2884b8
```
#2884b8 rgb(40,132,184)
```
#1f86c1
```
#1f86c1 rgb(31,134,193)
```
#1688ca
```
#1688ca rgb(22,136,202)
```
#0e8bd2
```
#0e8bd2 rgb(14,139,210)
```
#058ddb
```
#058ddb rgb(5,141,219)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#5e737f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7083bd Protanopia 1% of men
#6085c7 Deuteranopia 1% of men
#00929c Tritanopia 0.001% of the population

Trichromacy

#5384be Protanomaly 1% of men, 0.01% of women
#4885c4 Deuteranomaly 6% of men, 0.4% of women
#0b8ea9 Tritanomaly 0.01% of the population

#1f86c1 hex color

#1f86c1 Color Information

#1f86c1 Color Conversion

Color Schemes with #1f86c1

Alternatives to #1f86c1

#1f86c1 Preview

Shades and Tints of #1f86c1

Tones of #1f86c1

Color Blindness Simulator