#1f60f9 hex color

In a RGB color space, hex #1f60f9 is composed of 12.2% red, 37.6% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 87.6% cyan, 61.4% magenta, 0% yellow and 2.4% black. It has a hue angle of 222.1 degrees, a saturation of 94.8% and a lightness of 54.9%. #1f60f9 color hex could be obtained by blending #3ec0ff with #0000f3. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 12
- G 38
- B 98
RGB color chart
- C 88
- M 61
- Y 0
- K 2
CMYK color chart

● #1f60f9 color description : Vivid blue.

The hexadecimal color #1f60f9 has RGB values of R:31, G:96, B:249 and CMYK values of C:0.88, M:0.61, Y:0, K:0.02. Its decimal value is 2056441.

Hex triplet	1f60f9	`#1f60f9`
RGB Decimal	31, 96, 249	`rgb(31,96,249)`
RGB Percent	12.2, 37.6, 97.6	`rgb(12.2%,37.6%,97.6%)`
CMYK	88, 61, 0, 2
HSL	222.1°, 94.8, 54.9	`hsl(222.1,94.8%,54.9%)`
HSV (or HSB)	222.1°, 87.6, 97.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.305, 37.71, -81.283
XYZ	21.843, 15.495, 91.457
xyY	0.17, 0.12, 15.495
CIE-LCH	46.305, 89.604, 294.888
CIE-LUV	46.305, -19.6, -123.124
Hunter-Lab	39.363, 30.165, -110.2
Binary	00011111, 01100000, 11111001

#1f60f9
```
#1f60f9 rgb(31,96,249)
```
#f9b81f
```
#f9b81f rgb(249,184,31)
```

Complementary Color

#1fcdf9
```
#1fcdf9 rgb(31,205,249)
```
#1f60f9
```
#1f60f9 rgb(31,96,249)
```
#4b1ff9
```
#4b1ff9 rgb(75,31,249)
```

Analogous Color

#cdf91f
```
#cdf91f rgb(205,249,31)
```
#1f60f9
```
#1f60f9 rgb(31,96,249)
```
#f94b1f
```
#f94b1f rgb(249,75,31)
```

Split Complementary Color

#60f91f
```
#60f91f rgb(96,249,31)
```
#1f60f9
```
#1f60f9 rgb(31,96,249)
```
#f91f60
```
#f91f60 rgb(249,31,96)
```

Triadic Color

#1ff9b8
```
#1ff9b8 rgb(31,249,184)
```
#1f60f9
```
#1f60f9 rgb(31,96,249)
```
#f91f60
```
#f91f60 rgb(249,31,96)
```
#f9b81f
```
#f9b81f rgb(249,184,31)
```

Tetradic Color

#053fc6
```
#053fc6 rgb(5,63,198)
```
#0647df
```
#0647df rgb(6,71,223)
```
#074ff8
```
#074ff8 rgb(7,79,248)
```
#1f60f9
```
#1f60f9 rgb(31,96,249)
```
#3872fa
```
#3872fa rgb(56,114,250)
```
#5183fa
```
#5183fa rgb(81,131,250)
```
#6a95fb
```
#6a95fb rgb(106,149,251)
```

Monochromatic Color

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

#1f97f9
```
#1f97f9 rgb(31,151,249)
```
#1f84f9
```
#1f84f9 rgb(31,132,249)
```
#1f72f9
```
#1f72f9 rgb(31,114,249)
```
#1f60f9
```
#1f60f9 rgb(31,96,249)
```
#1f4ef9
```
#1f4ef9 rgb(31,78,249)
```
#1f3cf9
```
#1f3cf9 rgb(31,60,249)
```
#1f29f9
```
#1f29f9 rgb(31,41,249)
```

Similar Colors

Text with hexadecimal color #1f60f9

This text has a font color of #1f60f9.

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

#1f60f9 background color

This paragraph has a background color of #1f60f9.

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

#1f60f9 border color

This element has a border color of #1f60f9.

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

CSS codes

.text {color:#1f60f9;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#010818
```
#010818 rgb(1,8,24)
```
#010e2b
```
#010e2b rgb(1,14,43)
```
#02143f
```
#02143f rgb(2,20,63)
```
#021a52
```
#021a52 rgb(2,26,82)
```
#032065
```
#032065 rgb(3,32,101)
```
#032678
```
#032678 rgb(3,38,120)
```
#042c8b
```
#042c8b rgb(4,44,139)
```
#04329e
```
#04329e rgb(4,50,158)
```
#0538b1
```
#0538b1 rgb(5,56,177)
```
#053ec4
```
#053ec4 rgb(5,62,196)
```
#0644d7
```
#0644d7 rgb(6,68,215)
```
#064aea
```
#064aea rgb(6,74,234)
```

Shade Color Variation

#0c52f8
```
#0c52f8 rgb(12,82,248)
```
#1f60f9
```
#1f60f9 rgb(31,96,249)
```
#326efa
```
#326efa rgb(50,110,250)
```
#457bfa
```
#457bfa rgb(69,123,250)
```
#5889fb
```
#5889fb rgb(88,137,251)
```
#6b96fb
```
#6b96fb rgb(107,150,251)
```
#7fa4fc
```
#7fa4fc rgb(127,164,252)
```
#92b1fc
```
#92b1fc rgb(146,177,252)
```
#a5bffd
```
#a5bffd rgb(165,191,253)
```
#b8ccfd
```
#b8ccfd rgb(184,204,253)
```
#cbdafe
```
#cbdafe rgb(203,218,254)
```
#dee8fe
```
#dee8fe rgb(222,232,254)
```
#f1f5ff
```
#f1f5ff rgb(241,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898b8f is the less saturated color, while #1f60f9 is the most saturated one.

#898b8f
```
#898b8f rgb(137,139,143)
```
#808798
```
#808798 rgb(128,135,152)
```
#7784a1
```
#7784a1 rgb(119,132,161)
```
#6f80a9
```
#6f80a9 rgb(111,128,169)
```
#667db2
```
#667db2 rgb(102,125,178)
```
#5d79bb
```
#5d79bb rgb(93,121,187)
```
#5475c4
```
#5475c4 rgb(84,117,196)
```
#4b72cd
```
#4b72cd rgb(75,114,205)
```
#426ed6
```
#426ed6 rgb(66,110,214)
```
#3a6bde
```
#3a6bde rgb(58,107,222)
```
#3167e7
```
#3167e7 rgb(49,103,231)
```
#2864f0
```
#2864f0 rgb(40,100,240)
```
#1f60f9
```
#1f60f9 rgb(31,96,249)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#515e7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071de Protanopia 1% of men
#0078c1 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#0b6be7 Protanomaly 1% of men, 0.01% of women
#0b6fd5 Deuteranomaly 6% of men, 0.4% of women
#0b74b0 Tritanomaly 0.01% of the population

#1f60f9 hex color

#1f60f9 Color Information

#1f60f9 Color Conversion

Color Schemes with #1f60f9

Alternatives to #1f60f9

#1f60f9 Preview

Shades and Tints of #1f60f9

Tones of #1f60f9

Color Blindness Simulator