#1f8bcf hex color

In a RGB color space, hex #1f8bcf is composed of 12.2% red, 54.5% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 85% cyan, 32.9% magenta, 0% yellow and 18.8% black. It has a hue angle of 203.2 degrees, a saturation of 73.9% and a lightness of 46.7%. #1f8bcf color hex could be obtained by blending #3effff with #00179f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 12
- G 55
- B 81
RGB color chart
- C 85
- M 33
- Y 0
- K 19
CMYK color chart

● #1f8bcf color description : Strong blue.

The hexadecimal color #1f8bcf has RGB values of R:31, G:139, B:207 and CMYK values of C:0.85, M:0.33, Y:0, K:0.19. Its decimal value is 2067407.

Hex triplet	1f8bcf	`#1f8bcf`
RGB Decimal	31, 139, 207	`rgb(31,139,207)`
RGB Percent	12.2, 54.5, 81.2	`rgb(12.2%,54.5%,81.2%)`
CMYK	85, 33, 0, 19
HSL	203.2°, 73.9, 46.7	`hsl(203.2,73.9%,46.7%)`
HSV (or HSB)	203.2°, 85, 81.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.339, -4.948, -43.135
XYZ	21.057, 23.26, 62.408
xyY	0.197, 0.218, 23.26
CIE-LCH	55.339, 43.418, 263.456
CIE-LUV	55.339, -33.573, -66.635
Hunter-Lab	48.228, -6.463, -42.962
Binary	00011111, 10001011, 11001111

#1f8bcf
```
#1f8bcf rgb(31,139,207)
```
#cf631f
```
#cf631f rgb(207,99,31)
```

Complementary Color

#1fcfbb
```
#1fcfbb rgb(31,207,187)
```
#1f8bcf
```
#1f8bcf rgb(31,139,207)
```
#1f33cf
```
#1f33cf rgb(31,51,207)
```

Analogous Color

#cfbb1f
```
#cfbb1f rgb(207,187,31)
```
#1f8bcf
```
#1f8bcf rgb(31,139,207)
```
#cf1f33
```
#cf1f33 rgb(207,31,51)
```

Split Complementary Color

#8bcf1f
```
#8bcf1f rgb(139,207,31)
```
#1f8bcf
```
#1f8bcf rgb(31,139,207)
```
#cf1f8b
```
#cf1f8b rgb(207,31,139)
```

Triadic Color

#1fcf63
```
#1fcf63 rgb(31,207,99)
```
#1f8bcf
```
#1f8bcf rgb(31,139,207)
```
#cf1f8b
```
#cf1f8b rgb(207,31,139)
```
#cf631f
```
#cf631f rgb(207,99,31)
```

Tetradic Color

#155e8c
```
#155e8c rgb(21,94,140)
```
#186da3
```
#186da3 rgb(24,109,163)
```
#1c7cb9
```
#1c7cb9 rgb(28,124,185)
```
#1f8bcf
```
#1f8bcf rgb(31,139,207)
```
#2998df
```
#2998df rgb(41,152,223)
```
#3fa3e2
```
#3fa3e2 rgb(63,163,226)
```
#55aee6
```
#55aee6 rgb(85,174,230)
```

Monochromatic Color

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

#1fb7cf
```
#1fb7cf rgb(31,183,207)
```
#1fa8cf
```
#1fa8cf rgb(31,168,207)
```
#1f9acf
```
#1f9acf rgb(31,154,207)
```
#1f8bcf
```
#1f8bcf rgb(31,139,207)
```
#1f7ccf
```
#1f7ccf rgb(31,124,207)
```
#1f6ecf
```
#1f6ecf rgb(31,110,207)
```
#1f5fcf
```
#1f5fcf rgb(31,95,207)
```

Similar Colors

Text with hexadecimal color #1f8bcf

This text has a font color of #1f8bcf.

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

#1f8bcf background color

This paragraph has a background color of #1f8bcf.

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

#1f8bcf border color

This element has a border color of #1f8bcf.

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

CSS codes

.text {color:#1f8bcf;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#030d13
```
#030d13 rgb(3,13,19)
```
#051824
```
#051824 rgb(5,24,36)
```
#082435
```
#082435 rgb(8,36,53)
```
#0b2f47
```
#0b2f47 rgb(11,47,71)
```
#0d3b58
```
#0d3b58 rgb(13,59,88)
```
#104669
```
#104669 rgb(16,70,105)
```
#12527a
```
#12527a rgb(18,82,122)
```
#155d8b
```
#155d8b rgb(21,93,139)
```
#17699c
```
#17699c rgb(23,105,156)
```
#1a74ad
```
#1a74ad rgb(26,116,173)
```
#1c80be
```
#1c80be rgb(28,128,190)
```
#1f8bcf
```
#1f8bcf rgb(31,139,207)
```

Shade Color Variation

#2396de
```
#2396de rgb(35,150,222)
```
#359ee1
```
#359ee1 rgb(53,158,225)
```
#46a6e3
```
#46a6e3 rgb(70,166,227)
```
#57aee6
```
#57aee6 rgb(87,174,230)
```
#68b7e8
```
#68b7e8 rgb(104,183,232)
```
#79bfeb
```
#79bfeb rgb(121,191,235)
```
#8ac7ed
```
#8ac7ed rgb(138,199,237)
```
#9bcff0
```
#9bcff0 rgb(155,207,240)
```
#acd7f3
```
#acd7f3 rgb(172,215,243)
```
#bddff5
```
#bddff5 rgb(189,223,245)
```
#cee8f8
```
#cee8f8 rgb(206,232,248)
```
#dff0fa
```
#dff0fa rgb(223,240,250)
```
#f0f8fd
```
#f0f8fd rgb(240,248,253)
```

Tint Color Variation

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

#71787d
```
#71787d rgb(113,120,125)
```
#687a86
```
#687a86 rgb(104,122,134)
```
#5f7c8f
```
#5f7c8f rgb(95,124,143)
```
#567f98
```
#567f98 rgb(86,127,152)
```
#4d81a1
```
#4d81a1 rgb(77,129,161)
```
#4483aa
```
#4483aa rgb(68,131,170)
```
#3a85b4
```
#3a85b4 rgb(58,133,180)
```
#3187bd
```
#3187bd rgb(49,135,189)
```
#2889c6
```
#2889c6 rgb(40,137,198)
```
#1f8bcf
```
#1f8bcf rgb(31,139,207)
```
#168dd8
```
#168dd8 rgb(22,141,216)
```
#0d8fe1
```
#0d8fe1 rgb(13,143,225)
```
#0491ea
```
#0491ea rgb(4,145,234)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#617785 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7188cb Protanopia 1% of men
#5d8bd4 Deuteranopia 1% of men
#0098a2 Tritanopia 0.001% of the population

Trichromacy

#5389cc Protanomaly 1% of men, 0.01% of women
#468bd2 Deuteranomaly 6% of men, 0.4% of women
#0b93b2 Tritanomaly 0.01% of the population

#1f8bcf hex color

#1f8bcf Color Information

#1f8bcf Color Conversion

Color Schemes with #1f8bcf

Alternatives to #1f8bcf

#1f8bcf Preview

Shades and Tints of #1f8bcf

Tones of #1f8bcf

Color Blindness Simulator