#6166f4 hex color

In a RGB color space, hex #6166f4 is composed of 38% red, 40% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 58.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 238 degrees, a saturation of 87% and a lightness of 66.9%. #6166f4 color hex could be obtained by blending #c2ccff with #0000e9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 38
- G 40
- B 96
RGB color chart
- C 60
- M 58
- Y 0
- K 4
CMYK color chart

● #6166f4 color description : Soft blue.

The hexadecimal color #6166f4 has RGB values of R:97, G:102, B:244 and CMYK values of C:0.6, M:0.58, Y:0, K:0.04. Its decimal value is 6383348.

Hex triplet	6166f4	`#6166f4`
RGB Decimal	97, 102, 244	`rgb(97,102,244)`
RGB Percent	38, 40, 95.7	`rgb(38%,40%,95.7%)`
CMYK	60, 58, 0, 4
HSL	238°, 87, 66.9	`hsl(238,87%,66.9%)`
HSV (or HSB)	238°, 60.2, 95.7
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.186, 39.321, -72.04
XYZ	26.007, 18.575, 87.798
xyY	0.196, 0.14, 18.575
CIE-LCH	50.186, 82.073, 298.627
CIE-LUV	50.186, -9.589, -113.54
Hunter-Lab	43.098, 32.291, -90.614
Binary	01100001, 01100110, 11110100

#6166f4
```
#6166f4 rgb(97,102,244)
```
#f4ef61
```
#f4ef61 rgb(244,239,97)
```

Complementary Color

#61b0f4
```
#61b0f4 rgb(97,176,244)
```
#6166f4
```
#6166f4 rgb(97,102,244)
```
#a661f4
```
#a661f4 rgb(166,97,244)
```

Analogous Color

#b0f461
```
#b0f461 rgb(176,244,97)
```
#6166f4
```
#6166f4 rgb(97,102,244)
```
#f4a661
```
#f4a661 rgb(244,166,97)
```

Split Complementary Color

#66f461
```
#66f461 rgb(102,244,97)
```
#6166f4
```
#6166f4 rgb(97,102,244)
```
#f46166
```
#f46166 rgb(244,97,102)
```

Triadic Color

#61f4ef
```
#61f4ef rgb(97,244,239)
```
#6166f4
```
#6166f4 rgb(97,102,244)
```
#f46166
```
#f46166 rgb(244,97,102)
```
#f4ef61
```
#f4ef61 rgb(244,239,97)
```

Tetradic Color

#1921ef
```
#1921ef rgb(25,33,239)
```
#3138f1
```
#3138f1 rgb(49,56,241)
```
#494ff2
```
#494ff2 rgb(73,79,242)
```
#6166f4
```
#6166f4 rgb(97,102,244)
```
#797df6
```
#797df6 rgb(121,125,246)
```
#9194f7
```
#9194f7 rgb(145,148,247)
```
#a9abf9
```
#a9abf9 rgb(169,171,249)
```

Monochromatic Color

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

#618bf4
```
#618bf4 rgb(97,139,244)
```
#617ff4
```
#617ff4 rgb(97,127,244)
```
#6172f4
```
#6172f4 rgb(97,114,244)
```
#6166f4
```
#6166f4 rgb(97,102,244)
```
#6861f4
```
#6861f4 rgb(104,97,244)
```
#7561f4
```
#7561f4 rgb(117,97,244)
```
#8161f4
```
#8161f4 rgb(129,97,244)
```

Similar Colors

Text with hexadecimal color #6166f4

This text has a font color of #6166f4.

<span style="color:#6166f4;">Text here</span>

#6166f4 background color

This paragraph has a background color of #6166f4.

<p style="background-color:#6166f4;">Content here</p>

#6166f4 border color

This element has a border color of #6166f4.

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

CSS codes

.text {color:#6166f4;}

.background {background-color:#6166f4;}

.border {border:1px solid #6166f4;}

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

#000107
```
#000107 rgb(0,1,7)
```
#020319
```
#020319 rgb(2,3,25)
```
#03042c
```
#03042c rgb(3,4,44)
```
#04063e
```
#04063e rgb(4,6,62)
```
#060850
```
#060850 rgb(6,8,80)
```
#070a63
```
#070a63 rgb(7,10,99)
```
#080c75
```
#080c75 rgb(8,12,117)
```
#090e87
```
#090e87 rgb(9,14,135)
```
#0b109a
```
#0b109a rgb(11,16,154)
```
#0c11ac
```
#0c11ac rgb(12,17,172)
```
#0d13be
```
#0d13be rgb(13,19,190)
```
#0f15d1
```
#0f15d1 rgb(15,21,209)
```
#1017e3
```
#1017e3 rgb(16,23,227)
```

Shade Color Variation

#181fef
```
#181fef rgb(24,31,239)
```
#2a31f0
```
#2a31f0 rgb(42,49,240)
```
#3c42f1
```
#3c42f1 rgb(60,66,241)
```
#4f54f3
```
#4f54f3 rgb(79,84,243)
```
#6166f4
```
#6166f4 rgb(97,102,244)
```
#7378f5
```
#7378f5 rgb(115,120,245)
```
#868af7
```
#868af7 rgb(134,138,247)
```
#989bf8
```
#989bf8 rgb(152,155,248)
```
#aaadf9
```
#aaadf9 rgb(170,173,249)
```
#bdbffa
```
#bdbffa rgb(189,191,250)
```
#cfd1fc
```
#cfd1fc rgb(207,209,252)
```
#e1e2fd
```
#e1e2fd rgb(225,226,253)
```
#f4f4fe
```
#f4f4fe rgb(244,244,254)
```

Tint Color Variation

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

#a9a9ad
```
#a9a9ad rgb(169,169,173)
```
#a2a3b3
```
#a2a3b3 rgb(162,163,179)
```
#9c9dba
```
#9c9dba rgb(156,157,186)
```
#9596c0
```
#9596c0 rgb(149,150,192)
```
#8f90c7
```
#8f90c7 rgb(143,144,199)
```
#888acd
```
#888acd rgb(136,138,205)
```
#8284d4
```
#8284d4 rgb(130,132,212)
```
#7b7eda
```
#7b7eda rgb(123,126,218)
```
#7578e1
```
#7578e1 rgb(117,120,225)
```
#6e72e7
```
#6e72e7 rgb(110,114,231)
```
#686cee
```
#686cee rgb(104,108,238)
```
#6166f4
```
#6166f4 rgb(97,102,244)
```
#5b60fb
```
#5b60fb rgb(91,96,251)
```

Tone Color Variation

Below, you can see how #6166f4 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

#757575 Achromatopsia 0.005% of the population
#71728e Atypical Achromatopsia 0.001% of the population

Dichromacy

#007af0 Protanopia 1% of men
#0081d2 Deuteranopia 1% of men
#228a94 Tritanopia 0.001% of the population

Trichromacy

#2373f1 Protanomaly 1% of men, 0.01% of women
#2377de Deuteranomaly 6% of men, 0.4% of women
#397db7 Tritanomaly 0.01% of the population

#6166f4 hex color

#6166f4 Color Information

#6166f4 Color Conversion

Color Schemes with #6166f4

Alternatives to #6166f4

#6166f4 Preview

Shades and Tints of #6166f4

Tones of #6166f4

Color Blindness Simulator