#1f60ee hex color

In a RGB color space, hex #1f60ee is composed of 12.2% red, 37.6% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 59.7% magenta, 0% yellow and 6.7% black. It has a hue angle of 221.2 degrees, a saturation of 85.9% and a lightness of 52.7%. #1f60ee color hex could be obtained by blending #3ec0ff with #0000dd. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 12
- G 38
- B 93
RGB color chart
- C 87
- M 60
- Y 0
- K 7
CMYK color chart

● #1f60ee color description : Vivid blue.

The hexadecimal color #1f60ee has RGB values of R:31, G:96, B:238 and CMYK values of C:0.87, M:0.6, Y:0, K:0.07. Its decimal value is 2056430.

Hex triplet	1f60ee	`#1f60ee`
RGB Decimal	31, 96, 238	`rgb(31,96,238)`
RGB Percent	12.2, 37.6, 93.3	`rgb(12.2%,37.6%,93.3%)`
CMYK	87, 60, 0, 7
HSL	221.2°, 85.9, 52.7	`hsl(221.2,85.9%,52.7%)`
HSV (or HSB)	221.2°, 87, 93.3
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.398, 33.623, -76.607
XYZ	20.177, 14.828, 82.683
xyY	0.171, 0.126, 14.828
CIE-LCH	45.398, 83.661, 293.697
CIE-LUV	45.398, -19.68, -115.875
Hunter-Lab	38.508, 26.142, -100.351
Binary	00011111, 01100000, 11101110

#1f60ee
```
#1f60ee rgb(31,96,238)
```
#eead1f
```
#eead1f rgb(238,173,31)
```

Complementary Color

#1fc8ee
```
#1fc8ee rgb(31,200,238)
```
#1f60ee
```
#1f60ee rgb(31,96,238)
```
#451fee
```
#451fee rgb(69,31,238)
```

Analogous Color

#c8ee1f
```
#c8ee1f rgb(200,238,31)
```
#1f60ee
```
#1f60ee rgb(31,96,238)
```
#ee461f
```
#ee461f rgb(238,70,31)
```

Split Complementary Color

#60ee1f
```
#60ee1f rgb(96,238,31)
```
#1f60ee
```
#1f60ee rgb(31,96,238)
```
#ee1f60
```
#ee1f60 rgb(238,31,96)
```

Triadic Color

#1feead
```
#1feead rgb(31,238,173)
```
#1f60ee
```
#1f60ee rgb(31,96,238)
```
#ee1f60
```
#ee1f60 rgb(238,31,96)
```
#eead1f
```
#eead1f rgb(238,173,31)
```

Tetradic Color

#0e41b3
```
#0e41b3 rgb(14,65,179)
```
#0f4acb
```
#0f4acb rgb(15,74,203)
```
#1153e2
```
#1153e2 rgb(17,83,226)
```
#1f60ee
```
#1f60ee rgb(31,96,238)
```
#3771f0
```
#3771f0 rgb(55,113,240)
```
#4e82f2
```
#4e82f2 rgb(78,130,242)
```
#6692f3
```
#6692f3 rgb(102,146,243)
```

Monochromatic Color

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

#1f94ee
```
#1f94ee rgb(31,148,238)
```
#1f83ee
```
#1f83ee rgb(31,131,238)
```
#1f71ee
```
#1f71ee rgb(31,113,238)
```
#1f60ee
```
#1f60ee rgb(31,96,238)
```
#1f4fee
```
#1f4fee rgb(31,79,238)
```
#1f3eee
```
#1f3eee rgb(31,62,238)
```
#1f2cee
```
#1f2cee rgb(31,44,238)
```

Similar Colors

Text with hexadecimal color #1f60ee

This text has a font color of #1f60ee.

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

#1f60ee background color

This paragraph has a background color of #1f60ee.

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

#1f60ee border color

This element has a border color of #1f60ee.

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

CSS codes

.text {color:#1f60ee;}

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

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

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

#01050d
```
#01050d rgb(1,5,13)
```
#020b1f
```
#020b1f rgb(2,11,31)
```
#041231
```
#041231 rgb(4,18,49)
```
#051944
```
#051944 rgb(5,25,68)
```
#071f56
```
#071f56 rgb(7,31,86)
```
#082668
```
#082668 rgb(8,38,104)
```
#092d7a
```
#092d7a rgb(9,45,122)
```
#0b338d
```
#0b338d rgb(11,51,141)
```
#0c3a9f
```
#0c3a9f rgb(12,58,159)
```
#0d41b1
```
#0d41b1 rgb(13,65,177)
```
#0f48c3
```
#0f48c3 rgb(15,72,195)
```
#104ed6
```
#104ed6 rgb(16,78,214)
```
#1255e8
```
#1255e8 rgb(18,85,232)
```

Shade Color Variation

#1f60ee
```
#1f60ee rgb(31,96,238)
```
#316def
```
#316def rgb(49,109,239)
```
#437af1
```
#437af1 rgb(67,122,241)
```
#5687f2
```
#5687f2 rgb(86,135,242)
```
#6894f4
```
#6894f4 rgb(104,148,244)
```
#7aa1f5
```
#7aa1f5 rgb(122,161,245)
```
#8caef6
```
#8caef6 rgb(140,174,246)
```
#9fbbf8
```
#9fbbf8 rgb(159,187,248)
```
#b1c8f9
```
#b1c8f9 rgb(177,200,249)
```
#c3d4fa
```
#c3d4fa rgb(195,212,250)
```
#d5e1fc
```
#d5e1fc rgb(213,225,252)
```
#e8eefd
```
#e8eefd rgb(232,238,253)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858688 is the less saturated color, while #165df7 is the most saturated one.

#858688
```
#858688 rgb(133,134,136)
```
#7c8291
```
#7c8291 rgb(124,130,145)
```
#727f9b
```
#727f9b rgb(114,127,155)
```
#697ca4
```
#697ca4 rgb(105,124,164)
```
#6078ad
```
#6078ad rgb(96,120,173)
```
#5775b6
```
#5775b6 rgb(87,117,182)
```
#4d71c0
```
#4d71c0 rgb(77,113,192)
```
#446ec9
```
#446ec9 rgb(68,110,201)
```
#3b6ad2
```
#3b6ad2 rgb(59,106,210)
```
#3267db
```
#3267db rgb(50,103,219)
```
#2863e5
```
#2863e5 rgb(40,99,229)
```
#1f60ee
```
#1f60ee rgb(31,96,238)
```
#165df7
```
#165df7 rgb(22,93,247)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#515e7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fda Protanopia 1% of men
#0076be Deuteranopia 1% of men
#007e85 Tritanopia 0.001% of the population

Trichromacy

#0b69e1 Protanomaly 1% of men, 0.01% of women
#0b6ecf Deuteranomaly 6% of men, 0.4% of women
#0b73ab Tritanomaly 0.01% of the population

#1f60ee hex color

#1f60ee Color Information

#1f60ee Color Conversion

Color Schemes with #1f60ee

Alternatives to #1f60ee

#1f60ee Preview

Shades and Tints of #1f60ee

Tones of #1f60ee

Color Blindness Simulator