#1f66ec hex color

In a RGB color space, hex #1f66ec is composed of 12.2% red, 40% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 86.9% cyan, 56.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 219.2 degrees, a saturation of 84.4% and a lightness of 52.4%. #1f66ec color hex could be obtained by blending #3eccff with #0000d9. Closest websafe color is: #3366ff.

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

● #1f66ec color description : Vivid blue.

The hexadecimal color #1f66ec has RGB values of R:31, G:102, B:236 and CMYK values of C:0.87, M:0.57, Y:0, K:0.07. Its decimal value is 2057964.

Hex triplet	1f66ec	`#1f66ec`
RGB Decimal	31, 102, 236	`rgb(31,102,236)`
RGB Percent	12.2, 40, 92.5	`rgb(12.2%,40%,92.5%)`
CMYK	87, 57, 0, 7
HSL	219.2°, 84.4, 52.4	`hsl(219.2,84.4%,52.4%)`
HSV (or HSB)	219.2°, 86.9, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.775, 29.044, -73.235
XYZ	20.454, 15.848, 81.333
xyY	0.174, 0.135, 15.848
CIE-LCH	46.775, 78.784, 291.633
CIE-LUV	46.775, -21.235, -112.07
Hunter-Lab	39.81, 22.041, -93.264
Binary	00011111, 01100110, 11101100

#1f66ec
```
#1f66ec rgb(31,102,236)
```
#eca51f
```
#eca51f rgb(236,165,31)
```

Complementary Color

#1fcdec
```
#1fcdec rgb(31,205,236)
```
#1f66ec
```
#1f66ec rgb(31,102,236)
```
#3f1fec
```
#3f1fec rgb(63,31,236)
```

Analogous Color

#cdec1f
```
#cdec1f rgb(205,236,31)
```
#1f66ec
```
#1f66ec rgb(31,102,236)
```
#ec3f1f
```
#ec3f1f rgb(236,63,31)
```

Split Complementary Color

#66ec1f
```
#66ec1f rgb(102,236,31)
```
#1f66ec
```
#1f66ec rgb(31,102,236)
```
#ec1f66
```
#ec1f66 rgb(236,31,102)
```

Triadic Color

#1feca5
```
#1feca5 rgb(31,236,165)
```
#1f66ec
```
#1f66ec rgb(31,102,236)
```
#ec1f66
```
#ec1f66 rgb(236,31,102)
```
#eca51f
```
#eca51f rgb(236,165,31)
```

Tetradic Color

#0f47b0
```
#0f47b0 rgb(15,71,176)
```
#1150c7
```
#1150c7 rgb(17,80,199)
```
#1359df
```
#1359df rgb(19,89,223)
```
#1f66ec
```
#1f66ec rgb(31,102,236)
```
#3776ee
```
#3776ee rgb(55,118,238)
```
#4e86f0
```
#4e86f0 rgb(78,134,240)
```
#6696f2
```
#6696f2 rgb(102,150,242)
```

Monochromatic Color

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

#1f99ec
```
#1f99ec rgb(31,153,236)
```
#1f88ec
```
#1f88ec rgb(31,136,236)
```
#1f77ec
```
#1f77ec rgb(31,119,236)
```
#1f66ec
```
#1f66ec rgb(31,102,236)
```
#1f55ec
```
#1f55ec rgb(31,85,236)
```
#1f44ec
```
#1f44ec rgb(31,68,236)
```
#1f33ec
```
#1f33ec rgb(31,51,236)
```

Similar Colors

Text with hexadecimal color #1f66ec

This text has a font color of #1f66ec.

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

#1f66ec background color

This paragraph has a background color of #1f66ec.

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

#1f66ec border color

This element has a border color of #1f66ec.

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

CSS codes

.text {color:#1f66ec;}

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

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

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, #01040b is the darkest color, while #f8fafe is the lightest one.

#01040b
```
#01040b rgb(1,4,11)
```
#020c1d
```
#020c1d rgb(2,12,29)
```
#04132f
```
#04132f rgb(4,19,47)
```
#061a41
```
#061a41 rgb(6,26,65)
```
#072253
```
#072253 rgb(7,34,83)
```
#092965
```
#092965 rgb(9,41,101)
```
#0a3078
```
#0a3078 rgb(10,48,120)
```
#0c378a
```
#0c378a rgb(12,55,138)
```
#0d3f9c
```
#0d3f9c rgb(13,63,156)
```
#0f46ae
```
#0f46ae rgb(15,70,174)
```
#104dc0
```
#104dc0 rgb(16,77,192)
```
#1254d2
```
#1254d2 rgb(18,84,210)
```
#135ce4
```
#135ce4 rgb(19,92,228)
```

Shade Color Variation

#1f66ec
```
#1f66ec rgb(31,102,236)
```
#3172ee
```
#3172ee rgb(49,114,238)
```
#437fef
```
#437fef rgb(67,127,239)
```
#558bf1
```
#558bf1 rgb(85,139,241)
```
#6797f2
```
#6797f2 rgb(103,151,242)
```
#79a4f4
```
#79a4f4 rgb(121,164,244)
```
#8bb0f5
```
#8bb0f5 rgb(139,176,245)
```
#9ebcf7
```
#9ebcf7 rgb(158,188,247)
```
#b0c9f8
```
#b0c9f8 rgb(176,201,248)
```
#c2d5fa
```
#c2d5fa rgb(194,213,250)
```
#d4e2fb
```
#d4e2fb rgb(212,226,251)
```
#e6eefd
```
#e6eefd rgb(230,238,253)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c838f is the less saturated color, while #0c60ff is the most saturated one.

#7c838f
```
#7c838f rgb(124,131,143)
```
#738098
```
#738098 rgb(115,128,152)
```
#6a7da1
```
#6a7da1 rgb(106,125,161)
```
#607aab
```
#607aab rgb(96,122,171)
```
#5777b4
```
#5777b4 rgb(87,119,180)
```
#4e74bd
```
#4e74bd rgb(78,116,189)
```
#4471c7
```
#4471c7 rgb(68,113,199)
```
#3b6fd0
```
#3b6fd0 rgb(59,111,208)
```
#326cd9
```
#326cd9 rgb(50,108,217)
```
#2869e3
```
#2869e3 rgb(40,105,227)
```
#1f66ec
```
#1f66ec rgb(31,102,236)
```
#1663f5
```
#1663f5 rgb(22,99,245)
```
#0c60ff
```
#0c60ff rgb(12,96,255)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#53617c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072e0 Protanopia 1% of men
#0079c4 Deuteranopia 1% of men
#008289 Tritanopia 0.001% of the population

Trichromacy

#0b6ee4 Protanomaly 1% of men, 0.01% of women
#0b72d2 Deuteranomaly 6% of men, 0.4% of women
#0b77ad Tritanomaly 0.01% of the population

#1f66ec hex color

#1f66ec Color Information

#1f66ec Color Conversion

Color Schemes with #1f66ec

Alternatives to #1f66ec

#1f66ec Preview

Shades and Tints of #1f66ec

Tones of #1f66ec

Color Blindness Simulator