#1f60c7 hex color

In a RGB color space, hex #1f60c7 is composed of 12.2% red, 37.6% green and 78% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 51.8% magenta, 0% yellow and 22% black. It has a hue angle of 216.8 degrees, a saturation of 73% and a lightness of 45.1%. #1f60c7 color hex could be obtained by blending #3ec0ff with #00008f. Closest websafe color is: #3366cc.

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

● #1f60c7 color description : Strong blue.

The hexadecimal color #1f60c7 has RGB values of R:31, G:96, B:199 and CMYK values of C:0.84, M:0.52, Y:0, K:0.22. Its decimal value is 2056391.

Hex triplet	1f60c7	`#1f60c7`
RGB Decimal	31, 96, 199	`rgb(31,96,199)`
RGB Percent	12.2, 37.6, 78	`rgb(12.2%,37.6%,78%)`
CMYK	84, 52, 0, 22
HSL	216.8°, 73, 45.1	`hsl(216.8,73%,45.1%)`
HSV (or HSB)	216.8°, 84.4, 78
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.429, 18.68, -59.217
XYZ	15.054, 12.779, 55.703
xyY	0.18, 0.153, 12.779
CIE-LCH	42.429, 62.094, 287.507
CIE-LUV	42.429, -20.279, -88.633
Hunter-Lab	35.748, 12.612, -67.362
Binary	00011111, 01100000, 11000111

#1f60c7
```
#1f60c7 rgb(31,96,199)
```
#c7861f
```
#c7861f rgb(199,134,31)
```

Complementary Color

#1fb4c7
```
#1fb4c7 rgb(31,180,199)
```
#1f60c7
```
#1f60c7 rgb(31,96,199)
```
#321fc7
```
#321fc7 rgb(50,31,199)
```

Analogous Color

#b4c71f
```
#b4c71f rgb(180,199,31)
```
#1f60c7
```
#1f60c7 rgb(31,96,199)
```
#c7321f
```
#c7321f rgb(199,50,31)
```

Split Complementary Color

#60c71f
```
#60c71f rgb(96,199,31)
```
#1f60c7
```
#1f60c7 rgb(31,96,199)
```
#c71f60
```
#c71f60 rgb(199,31,96)
```

Triadic Color

#1fc786
```
#1fc786 rgb(31,199,134)
```
#1f60c7
```
#1f60c7 rgb(31,96,199)
```
#c71f60
```
#c71f60 rgb(199,31,96)
```
#c7861f
```
#c7861f rgb(199,134,31)
```

Tetradic Color

#154085
```
#154085 rgb(21,64,133)
```
#184b9b
```
#184b9b rgb(24,75,155)
```
#1c55b1
```
#1c55b1 rgb(28,85,177)
```
#1f60c7
```
#1f60c7 rgb(31,96,199)
```
#236bdd
```
#236bdd rgb(35,107,221)
```
#397ae0
```
#397ae0 rgb(57,122,224)
```
#4f88e4
```
#4f88e4 rgb(79,136,228)
```

Monochromatic Color

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

#1f8ac7
```
#1f8ac7 rgb(31,138,199)
```
#1f7cc7
```
#1f7cc7 rgb(31,124,199)
```
#1f6ec7
```
#1f6ec7 rgb(31,110,199)
```
#1f60c7
```
#1f60c7 rgb(31,96,199)
```
#1f52c7
```
#1f52c7 rgb(31,82,199)
```
#1f44c7
```
#1f44c7 rgb(31,68,199)
```
#1f36c7
```
#1f36c7 rgb(31,54,199)
```

Similar Colors

Text with hexadecimal color #1f60c7

This text has a font color of #1f60c7.

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

#1f60c7 background color

This paragraph has a background color of #1f60c7.

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

#1f60c7 border color

This element has a border color of #1f60c7.

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

CSS codes

.text {color:#1f60c7;}

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

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

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

#02060c
```
#02060c rgb(2,6,12)
```
#050e1d
```
#050e1d rgb(5,14,29)
```
#07162e
```
#07162e rgb(7,22,46)
```
#0a1f3f
```
#0a1f3f rgb(10,31,63)
```
#0c2750
```
#0c2750 rgb(12,39,80)
```
#0f2f61
```
#0f2f61 rgb(15,47,97)
```
#123772
```
#123772 rgb(18,55,114)
```
#143f83
```
#143f83 rgb(20,63,131)
```
#174794
```
#174794 rgb(23,71,148)
```
#1a50a5
```
#1a50a5 rgb(26,80,165)
```
#1c58b6
```
#1c58b6 rgb(28,88,182)
```
#1f60c7
```
#1f60c7 rgb(31,96,199)
```
#2268d8
```
#2268d8 rgb(34,104,216)
```

Shade Color Variation

#2f73df
```
#2f73df rgb(47,115,223)
```
#407ee1
```
#407ee1 rgb(64,126,225)
```
#518ae4
```
#518ae4 rgb(81,138,228)
```
#6295e6
```
#6295e6 rgb(98,149,230)
```
#73a0e9
```
#73a0e9 rgb(115,160,233)
```
#84acec
```
#84acec rgb(132,172,236)
```
#95b7ee
```
#95b7ee rgb(149,183,238)
```
#a5c3f1
```
#a5c3f1 rgb(165,195,241)
```
#b6cef4
```
#b6cef4 rgb(182,206,244)
```
#c7daf6
```
#c7daf6 rgb(199,218,246)
```
#d8e5f9
```
#d8e5f9 rgb(216,229,249)
```
#e9f0fc
```
#e9f0fc rgb(233,240,252)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#6f7277
```
#6f7277 rgb(111,114,119)
```
#667080
```
#667080 rgb(102,112,128)
```
#5d6e89
```
#5d6e89 rgb(93,110,137)
```
#546c92
```
#546c92 rgb(84,108,146)
```
#4b6a9b
```
#4b6a9b rgb(75,106,155)
```
#4268a4
```
#4268a4 rgb(66,104,164)
```
#3a66ac
```
#3a66ac rgb(58,102,172)
```
#3164b5
```
#3164b5 rgb(49,100,181)
```
#2862be
```
#2862be rgb(40,98,190)
```
#1f60c7
```
#1f60c7 rgb(31,96,199)
```
#165ed0
```
#165ed0 rgb(22,94,208)
```
#0d5cd9
```
#0d5cd9 rgb(13,92,217)
```
#045ae2
```
#045ae2 rgb(4,90,226)
```

Tone Color Variation

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

#1f68ca Protanopia 1% of men
#006eb4 Deuteranopia 1% of men
#00767d Tritanopia 0.001% of the population

Trichromacy

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

#1f60c7 hex color

#1f60c7 Color Information

#1f60c7 Color Conversion

Color Schemes with #1f60c7

Alternatives to #1f60c7

#1f60c7 Preview

Shades and Tints of #1f60c7

Tones of #1f60c7

Color Blindness Simulator