#1f8cd2 hex color

In a RGB color space, hex #1f8cd2 is composed of 12.2% red, 54.9% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 85.2% cyan, 33.3% magenta, 0% yellow and 17.6% black. It has a hue angle of 203.5 degrees, a saturation of 74.3% and a lightness of 47.3%. #1f8cd2 color hex could be obtained by blending #3effff with #0019a5. Closest websafe color is: #3399cc.

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

● #1f8cd2 color description : Strong blue.

The hexadecimal color #1f8cd2 has RGB values of R:31, G:140, B:210 and CMYK values of C:0.85, M:0.33, Y:0, K:0.18. Its decimal value is 2067666.

Hex triplet	1f8cd2	`#1f8cd2`
RGB Decimal	31, 140, 210	`rgb(31,140,210)`
RGB Percent	12.2, 54.9, 82.4	`rgb(12.2%,54.9%,82.4%)`
CMYK	85, 33, 0, 18
HSL	203.5°, 74.3, 47.3	`hsl(203.5,74.3%,47.3%)`
HSV (or HSB)	203.5°, 85.2, 82.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.785, -4.421, -44.121
XYZ	21.573, 23.699, 64.407
xyY	0.197, 0.216, 23.699
CIE-LCH	55.785, 44.342, 264.279
CIE-LUV	55.785, -33.738, -68.405
Hunter-Lab	48.681, -6.09, -44.365
Binary	00011111, 10001100, 11010010

#1f8cd2
```
#1f8cd2 rgb(31,140,210)
```
#d2651f
```
#d2651f rgb(210,101,31)
```

Complementary Color

#1fd2bf
```
#1fd2bf rgb(31,210,191)
```
#1f8cd2
```
#1f8cd2 rgb(31,140,210)
```
#1f33d2
```
#1f33d2 rgb(31,51,210)
```

Analogous Color

#d2bf1f
```
#d2bf1f rgb(210,191,31)
```
#1f8cd2
```
#1f8cd2 rgb(31,140,210)
```
#d21f33
```
#d21f33 rgb(210,31,51)
```

Split Complementary Color

#8cd21f
```
#8cd21f rgb(140,210,31)
```
#1f8cd2
```
#1f8cd2 rgb(31,140,210)
```
#d21f8c
```
#d21f8c rgb(210,31,140)
```

Triadic Color

#1fd265
```
#1fd265 rgb(31,210,101)
```
#1f8cd2
```
#1f8cd2 rgb(31,140,210)
```
#d21f8c
```
#d21f8c rgb(210,31,140)
```
#d2651f
```
#d2651f rgb(210,101,31)
```

Tetradic Color

#15608f
```
#15608f rgb(21,96,143)
```
#186ea6
```
#186ea6 rgb(24,110,166)
```
#1c7dbc
```
#1c7dbc rgb(28,125,188)
```
#1f8cd2
```
#1f8cd2 rgb(31,140,210)
```
#2b99e0
```
#2b99e0 rgb(43,153,224)
```
#41a4e3
```
#41a4e3 rgb(65,164,227)
```
#57aee6
```
#57aee6 rgb(87,174,230)
```

Monochromatic Color

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

#1fb9d2
```
#1fb9d2 rgb(31,185,210)
```
#1faad2
```
#1faad2 rgb(31,170,210)
```
#1f9bd2
```
#1f9bd2 rgb(31,155,210)
```
#1f8cd2
```
#1f8cd2 rgb(31,140,210)
```
#1f7dd2
```
#1f7dd2 rgb(31,125,210)
```
#1f6ed2
```
#1f6ed2 rgb(31,110,210)
```
#1f5fd2
```
#1f5fd2 rgb(31,95,210)
```

Similar Colors

Text with hexadecimal color #1f8cd2

This text has a font color of #1f8cd2.

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

#1f8cd2 background color

This paragraph has a background color of #1f8cd2.

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

#1f8cd2 border color

This element has a border color of #1f8cd2.

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

CSS codes

.text {color:#1f8cd2;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#030f16
```
#030f16 rgb(3,15,22)
```
#061a27
```
#061a27 rgb(6,26,39)
```
#082538
```
#082538 rgb(8,37,56)
```
#0b3149
```
#0b3149 rgb(11,49,73)
```
#0d3c5a
```
#0d3c5a rgb(13,60,90)
```
#10486b
```
#10486b rgb(16,72,107)
```
#12537d
```
#12537d rgb(18,83,125)
```
#155e8e
```
#155e8e rgb(21,94,142)
```
#176a9f
```
#176a9f rgb(23,106,159)
```
#1a75b0
```
#1a75b0 rgb(26,117,176)
```
#1c81c1
```
#1c81c1 rgb(28,129,193)
```
#1f8cd2
```
#1f8cd2 rgb(31,140,210)
```

Shade Color Variation

#2696df
```
#2696df rgb(38,150,223)
```
#379fe1
```
#379fe1 rgb(55,159,225)
```
#48a7e4
```
#48a7e4 rgb(72,167,228)
```
#59afe6
```
#59afe6 rgb(89,175,230)
```
#6ab7e9
```
#6ab7e9 rgb(106,183,233)
```
#7bc0ec
```
#7bc0ec rgb(123,192,236)
```
#8cc8ee
```
#8cc8ee rgb(140,200,238)
```
#9dd0f1
```
#9dd0f1 rgb(157,208,241)
```
#aed8f3
```
#aed8f3 rgb(174,216,243)
```
#c0e0f6
```
#c0e0f6 rgb(192,224,246)
```
#d1e9f8
```
#d1e9f8 rgb(209,233,248)
```
#e2f1fb
```
#e2f1fb rgb(226,241,251)
```
#f3f9fd
```
#f3f9fd rgb(243,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727a7f is the less saturated color, while #0392ee is the most saturated one.

#727a7f
```
#727a7f rgb(114,122,127)
```
#697c88
```
#697c88 rgb(105,124,136)
```
#607e91
```
#607e91 rgb(96,126,145)
```
#57809a
```
#57809a rgb(87,128,154)
```
#4d82a4
```
#4d82a4 rgb(77,130,164)
```
#4484ad
```
#4484ad rgb(68,132,173)
```
#3b86b6
```
#3b86b6 rgb(59,134,182)
```
#3288bf
```
#3288bf rgb(50,136,191)
```
#288ac9
```
#288ac9 rgb(40,138,201)
```
#1f8cd2
```
#1f8cd2 rgb(31,140,210)
```
#168edb
```
#168edb rgb(22,142,219)
```
#0c90e5
```
#0c90e5 rgb(12,144,229)
```
#0392ee
```
#0392ee rgb(3,146,238)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#627886 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7189ce Protanopia 1% of men
#5c8cd6 Deuteranopia 1% of men
#0099a3 Tritanopia 0.001% of the population

Trichromacy

#538acf Protanomaly 1% of men, 0.01% of women
#468cd5 Deuteranomaly 6% of men, 0.4% of women
#0b94b4 Tritanomaly 0.01% of the population

#1f8cd2 hex color

#1f8cd2 Color Information

#1f8cd2 Color Conversion

Color Schemes with #1f8cd2

Alternatives to #1f8cd2

#1f8cd2 Preview

Shades and Tints of #1f8cd2

Tones of #1f8cd2

Color Blindness Simulator