#1f60c8 hex color

In a RGB color space, hex #1f60c8 is composed of 12.2% red, 37.6% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 52% magenta, 0% yellow and 21.6% black. It has a hue angle of 216.9 degrees, a saturation of 73.2% and a lightness of 45.3%. #1f60c8 color hex could be obtained by blending #3ec0ff with #000091. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 38
- B 78
RGB color chart
- C 85
- M 52
- Y 0
- K 22
CMYK color chart

● #1f60c8 color description : Strong blue.

The hexadecimal color #1f60c8 has RGB values of R:31, G:96, B:200 and CMYK values of C:0.85, M:0.52, Y:0, K:0.22. Its decimal value is 2056392.

Hex triplet	1f60c8	`#1f60c8`
RGB Decimal	31, 96, 200	`rgb(31,96,200)`
RGB Percent	12.2, 37.6, 78.4	`rgb(12.2%,37.6%,78.4%)`
CMYK	85, 52, 0, 22
HSL	216.9°, 73.2, 45.3	`hsl(216.9,73.2%,45.3%)`
HSV (or HSB)	216.9°, 84.5, 78.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.5, 19.07, -59.68
XYZ	15.171, 12.826, 56.316
xyY	0.18, 0.152, 12.826
CIE-LCH	42.5, 62.653, 287.72
CIE-LUV	42.5, -20.257, -89.365
Hunter-Lab	35.813, 12.942, -68.164
Binary	00011111, 01100000, 11001000

#1f60c8
```
#1f60c8 rgb(31,96,200)
```
#c8871f
```
#c8871f rgb(200,135,31)
```

Complementary Color

#1fb5c8
```
#1fb5c8 rgb(31,181,200)
```
#1f60c8
```
#1f60c8 rgb(31,96,200)
```
#321fc8
```
#321fc8 rgb(50,31,200)
```

Analogous Color

#b5c81f
```
#b5c81f rgb(181,200,31)
```
#1f60c8
```
#1f60c8 rgb(31,96,200)
```
#c8331f
```
#c8331f rgb(200,51,31)
```

Split Complementary Color

#60c81f
```
#60c81f rgb(96,200,31)
```
#1f60c8
```
#1f60c8 rgb(31,96,200)
```
#c81f60
```
#c81f60 rgb(200,31,96)
```

Triadic Color

#1fc887
```
#1fc887 rgb(31,200,135)
```
#1f60c8
```
#1f60c8 rgb(31,96,200)
```
#c81f60
```
#c81f60 rgb(200,31,96)
```
#c8871f
```
#c8871f rgb(200,135,31)
```

Tetradic Color

#154086
```
#154086 rgb(21,64,134)
```
#184b9c
```
#184b9c rgb(24,75,156)
```
#1c55b2
```
#1c55b2 rgb(28,85,178)
```
#1f60c8
```
#1f60c8 rgb(31,96,200)
```
#246bdd
```
#246bdd rgb(36,107,221)
```
#3a7ae0
```
#3a7ae0 rgb(58,122,224)
```
#5089e4
```
#5089e4 rgb(80,137,228)
```

Monochromatic Color

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

#1f8ac8
```
#1f8ac8 rgb(31,138,200)
```
#1f7cc8
```
#1f7cc8 rgb(31,124,200)
```
#1f6ec8
```
#1f6ec8 rgb(31,110,200)
```
#1f60c8
```
#1f60c8 rgb(31,96,200)
```
#1f52c8
```
#1f52c8 rgb(31,82,200)
```
#1f44c8
```
#1f44c8 rgb(31,68,200)
```
#1f36c8
```
#1f36c8 rgb(31,54,200)
```

Similar Colors

Text with hexadecimal color #1f60c8

This text has a font color of #1f60c8.

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

#1f60c8 background color

This paragraph has a background color of #1f60c8.

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

#1f60c8 border color

This element has a border color of #1f60c8.

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

CSS codes

.text {color:#1f60c8;}

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

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

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, #02060d is the darkest color, while #fbfcfe is the lightest one.

#02060d
```
#02060d rgb(2,6,13)
```
#050e1e
```
#050e1e rgb(5,14,30)
```
#07172f
```
#07172f rgb(7,23,47)
```
#0a1f40
```
#0a1f40 rgb(10,31,64)
```
#0d2751
```
#0d2751 rgb(13,39,81)
```
#0f2f62
```
#0f2f62 rgb(15,47,98)
```
#123773
```
#123773 rgb(18,55,115)
```
#143f84
```
#143f84 rgb(20,63,132)
```
#174895
```
#174895 rgb(23,72,149)
```
#1a50a6
```
#1a50a6 rgb(26,80,166)
```
#1c58b7
```
#1c58b7 rgb(28,88,183)
```
#1f60c8
```
#1f60c8 rgb(31,96,200)
```
#2268d9
```
#2268d9 rgb(34,104,217)
```

Shade Color Variation

#2f73df
```
#2f73df rgb(47,115,223)
```
#407ee1
```
#407ee1 rgb(64,126,225)
```
#518ae4
```
#518ae4 rgb(81,138,228)
```
#6295e7
```
#6295e7 rgb(98,149,231)
```
#73a1e9
```
#73a1e9 rgb(115,161,233)
```
#84acec
```
#84acec rgb(132,172,236)
```
#95b8ef
```
#95b8ef rgb(149,184,239)
```
#a6c3f1
```
#a6c3f1 rgb(166,195,241)
```
#b7cff4
```
#b7cff4 rgb(183,207,244)
```
#c8daf7
```
#c8daf7 rgb(200,218,247)
```
#d9e6f9
```
#d9e6f9 rgb(217,230,249)
```
#eaf1fc
```
#eaf1fc rgb(234,241,252)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#6f7278
```
#6f7278 rgb(111,114,120)
```
#667081
```
#667081 rgb(102,112,129)
```
#5d6e8a
```
#5d6e8a rgb(93,110,138)
```
#546c93
```
#546c93 rgb(84,108,147)
```
#4b6a9c
```
#4b6a9c rgb(75,106,156)
```
#4368a4
```
#4368a4 rgb(67,104,164)
```
#3a66ad
```
#3a66ad rgb(58,102,173)
```
#3164b6
```
#3164b6 rgb(49,100,182)
```
#2862bf
```
#2862bf rgb(40,98,191)
```
#1f60c8
```
#1f60c8 rgb(31,96,200)
```
#165ed1
```
#165ed1 rgb(22,94,209)
```
#0d5cda
```
#0d5cda rgb(13,92,218)
```
#045ae3
```
#045ae3 rgb(4,90,227)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4d5a6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#1c69cb Protanopia 1% of men
#006eb5 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#1d65ca Protanomaly 1% of men, 0.01% of women
#0b69bb Deuteranomaly 6% of men, 0.4% of women
#0b6e98 Tritanomaly 0.01% of the population

#1f60c8 hex color

#1f60c8 Color Information

#1f60c8 Color Conversion

Color Schemes with #1f60c8

Alternatives to #1f60c8

#1f60c8 Preview

Shades and Tints of #1f60c8

Tones of #1f60c8

Color Blindness Simulator