#1f64ee hex color

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

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

● #1f64ee color description : Vivid blue.

The hexadecimal color #1f64ee has RGB values of R:31, G:100, B:238 and CMYK values of C:0.87, M:0.58, Y:0, K:0.07. Its decimal value is 2057454.

Hex triplet	1f64ee	`#1f64ee`
RGB Decimal	31, 100, 238	`rgb(31,100,238)`
RGB Percent	12.2, 39.2, 93.3	`rgb(12.2%,39.2%,93.3%)`
CMYK	87, 58, 0, 7
HSL	220°, 85.9, 52.7	`hsl(220,85.9%,52.7%)`
HSV (or HSB)	220°, 87, 93.3
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.415, 31.076, -74.946
XYZ	20.552, 15.577, 82.808
xyY	0.173, 0.131, 15.577
CIE-LCH	46.415, 81.134, 292.521
CIE-LUV	46.415, -20.689, -114.292
Hunter-Lab	39.468, 23.88, -96.77
Binary	00011111, 01100100, 11101110

#1f64ee
```
#1f64ee rgb(31,100,238)
```
#eea91f
```
#eea91f rgb(238,169,31)
```

Complementary Color

#1fccee
```
#1fccee rgb(31,204,238)
```
#1f64ee
```
#1f64ee rgb(31,100,238)
```
#421fee
```
#421fee rgb(66,31,238)
```

Analogous Color

#ccee1f
```
#ccee1f rgb(204,238,31)
```
#1f64ee
```
#1f64ee rgb(31,100,238)
```
#ee421f
```
#ee421f rgb(238,66,31)
```

Split Complementary Color

#64ee1f
```
#64ee1f rgb(100,238,31)
```
#1f64ee
```
#1f64ee rgb(31,100,238)
```
#ee1f64
```
#ee1f64 rgb(238,31,100)
```

Triadic Color

#1feea9
```
#1feea9 rgb(31,238,169)
```
#1f64ee
```
#1f64ee rgb(31,100,238)
```
#ee1f64
```
#ee1f64 rgb(238,31,100)
```
#eea91f
```
#eea91f rgb(238,169,31)
```

Tetradic Color

#0e45b3
```
#0e45b3 rgb(14,69,179)
```
#0f4ecb
```
#0f4ecb rgb(15,78,203)
```
#1157e2
```
#1157e2 rgb(17,87,226)
```
#1f64ee
```
#1f64ee rgb(31,100,238)
```
#3774f0
```
#3774f0 rgb(55,116,240)
```
#4e85f2
```
#4e85f2 rgb(78,133,242)
```
#6695f3
```
#6695f3 rgb(102,149,243)
```

Monochromatic Color

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

#1f98ee
```
#1f98ee rgb(31,152,238)
```
#1f87ee
```
#1f87ee rgb(31,135,238)
```
#1f75ee
```
#1f75ee rgb(31,117,238)
```
#1f64ee
```
#1f64ee rgb(31,100,238)
```
#1f53ee
```
#1f53ee rgb(31,83,238)
```
#1f41ee
```
#1f41ee rgb(31,65,238)
```
#1f30ee
```
#1f30ee rgb(31,48,238)
```

Similar Colors

Text with hexadecimal color #1f64ee

This text has a font color of #1f64ee.

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

#1f64ee background color

This paragraph has a background color of #1f64ee.

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

#1f64ee border color

This element has a border color of #1f64ee.

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

CSS codes

.text {color:#1f64ee;}

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

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

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)
```
#020c1f
```
#020c1f rgb(2,12,31)
```
#041331
```
#041331 rgb(4,19,49)
```
#051a44
```
#051a44 rgb(5,26,68)
```
#072156
```
#072156 rgb(7,33,86)
```
#082868
```
#082868 rgb(8,40,104)
```
#092f7a
```
#092f7a rgb(9,47,122)
```
#0b368d
```
#0b368d rgb(11,54,141)
```
#0c3d9f
```
#0c3d9f rgb(12,61,159)
```
#0d44b1
```
#0d44b1 rgb(13,68,177)
```
#0f4bc3
```
#0f4bc3 rgb(15,75,195)
```
#1052d6
```
#1052d6 rgb(16,82,214)
```
#1259e8
```
#1259e8 rgb(18,89,232)
```

Shade Color Variation

#1f64ee
```
#1f64ee rgb(31,100,238)
```
#3171ef
```
#3171ef rgb(49,113,239)
```
#437df1
```
#437df1 rgb(67,125,241)
```
#568af2
```
#568af2 rgb(86,138,242)
```
#6896f4
```
#6896f4 rgb(104,150,244)
```
#7aa3f5
```
#7aa3f5 rgb(122,163,245)
```
#8cb0f6
```
#8cb0f6 rgb(140,176,246)
```
#9fbcf8
```
#9fbcf8 rgb(159,188,248)
```
#b1c9f9
```
#b1c9f9 rgb(177,201,249)
```
#c3d6fa
```
#c3d6fa rgb(195,214,250)
```
#d5e2fc
```
#d5e2fc rgb(213,226,252)
```
#e8effd
```
#e8effd rgb(232,239,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 #1661f7 is the most saturated one.

#858688
```
#858688 rgb(133,134,136)
```
#7c8391
```
#7c8391 rgb(124,131,145)
```
#72809b
```
#72809b rgb(114,128,155)
```
#697da4
```
#697da4 rgb(105,125,164)
```
#607aad
```
#607aad rgb(96,122,173)
```
#5777b6
```
#5777b6 rgb(87,119,182)
```
#4d73c0
```
#4d73c0 rgb(77,115,192)
```
#4470c9
```
#4470c9 rgb(68,112,201)
```
#3b6dd2
```
#3b6dd2 rgb(59,109,210)
```
#326adb
```
#326adb rgb(50,106,219)
```
#2867e5
```
#2867e5 rgb(40,103,229)
```
#1f64ee
```
#1f64ee rgb(31,100,238)
```
#1661f7
```
#1661f7 rgb(22,97,247)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#52607c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071de Protanopia 1% of men
#0078c2 Deuteranopia 1% of men
#008188 Tritanopia 0.001% of the population

Trichromacy

#0b6ce4 Protanomaly 1% of men, 0.01% of women
#0b70d2 Deuteranomaly 6% of men, 0.4% of women
#0b76ad Tritanomaly 0.01% of the population

#1f64ee hex color

#1f64ee Color Information

#1f64ee Color Conversion

Color Schemes with #1f64ee

Alternatives to #1f64ee

#1f64ee Preview

Shades and Tints of #1f64ee

Tones of #1f64ee

Color Blindness Simulator