#5f68f4 hex color

In a RGB color space, hex #5f68f4 is composed of 37.3% red, 40.8% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 57.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 236.4 degrees, a saturation of 87.1% and a lightness of 66.5%. #5f68f4 color hex could be obtained by blending #bed0ff with #0000e9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 37
- G 41
- B 96
RGB color chart
- C 61
- M 57
- Y 0
- K 4
CMYK color chart

● #5f68f4 color description : Soft blue.

The hexadecimal color #5f68f4 has RGB values of R:95, G:104, B:244 and CMYK values of C:0.61, M:0.57, Y:0, K:0.04. Its decimal value is 6252788.

Hex triplet	5f68f4	`#5f68f4`
RGB Decimal	95, 104, 244	`rgb(95,104,244)`
RGB Percent	37.3, 40.8, 95.7	`rgb(37.3%,40.8%,95.7%)`
CMYK	61, 57, 0, 4
HSL	236.4°, 87.1, 66.5	`hsl(236.4,87.1%,66.5%)`
HSV (or HSB)	236.4°, 61.1, 95.7
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.528, 37.799, -71.491
XYZ	25.995, 18.864, 87.854
xyY	0.196, 0.142, 18.864
CIE-LCH	50.528, 80.868, 297.867
CIE-LUV	50.528, -10.653, -112.845
Hunter-Lab	43.433, 30.83, -89.527
Binary	01011111, 01101000, 11110100

#5f68f4
```
#5f68f4 rgb(95,104,244)
```
#f4eb5f
```
#f4eb5f rgb(244,235,95)
```

Complementary Color

#5fb3f4
```
#5fb3f4 rgb(95,179,244)
```
#5f68f4
```
#5f68f4 rgb(95,104,244)
```
#a15ff4
```
#a15ff4 rgb(161,95,244)
```

Analogous Color

#b3f45f
```
#b3f45f rgb(179,244,95)
```
#5f68f4
```
#5f68f4 rgb(95,104,244)
```
#f4a15f
```
#f4a15f rgb(244,161,95)
```

Split Complementary Color

#68f45f
```
#68f45f rgb(104,244,95)
```
#5f68f4
```
#5f68f4 rgb(95,104,244)
```
#f45f68
```
#f45f68 rgb(244,95,104)
```

Triadic Color

#5ff4eb
```
#5ff4eb rgb(95,244,235)
```
#5f68f4
```
#5f68f4 rgb(95,104,244)
```
#f45f68
```
#f45f68 rgb(244,95,104)
```
#f4eb5f
```
#f4eb5f rgb(244,235,95)
```

Tetradic Color

#1724ef
```
#1724ef rgb(23,36,239)
```
#2f3bf1
```
#2f3bf1 rgb(47,59,241)
```
#4751f2
```
#4751f2 rgb(71,81,242)
```
#5f68f4
```
#5f68f4 rgb(95,104,244)
```
#777ff6
```
#777ff6 rgb(119,127,246)
```
#8f95f7
```
#8f95f7 rgb(143,149,247)
```
#a7acf9
```
#a7acf9 rgb(167,172,249)
```

Monochromatic Color

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

#5f8df4
```
#5f8df4 rgb(95,141,244)
```
#5f81f4
```
#5f81f4 rgb(95,129,244)
```
#5f74f4
```
#5f74f4 rgb(95,116,244)
```
#5f68f4
```
#5f68f4 rgb(95,104,244)
```
#625ff4
```
#625ff4 rgb(98,95,244)
```
#6f5ff4
```
#6f5ff4 rgb(111,95,244)
```
#7b5ff4
```
#7b5ff4 rgb(123,95,244)
```

Similar Colors

Text with hexadecimal color #5f68f4

This text has a font color of #5f68f4.

<span style="color:#5f68f4;">Text here</span>

#5f68f4 background color

This paragraph has a background color of #5f68f4.

<p style="background-color:#5f68f4;">Content here</p>

#5f68f4 border color

This element has a border color of #5f68f4.

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

CSS codes

.text {color:#5f68f4;}

.background {background-color:#5f68f4;}

.border {border:1px solid #5f68f4;}

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

#000105
```
#000105 rgb(0,1,5)
```
#020318
```
#020318 rgb(2,3,24)
```
#03052a
```
#03052a rgb(3,5,42)
```
#04083c
```
#04083c rgb(4,8,60)
```
#050a4f
```
#050a4f rgb(5,10,79)
```
#070c61
```
#070c61 rgb(7,12,97)
```
#080e73
```
#080e73 rgb(8,14,115)
```
#091186
```
#091186 rgb(9,17,134)
```
#0a1398
```
#0a1398 rgb(10,19,152)
```
#0c15aa
```
#0c15aa rgb(12,21,170)
```
#0d18bd
```
#0d18bd rgb(13,24,189)
```
#0e1acf
```
#0e1acf rgb(14,26,207)
```
#0f1ce1
```
#0f1ce1 rgb(15,28,225)
```

Shade Color Variation

#1623ef
```
#1623ef rgb(22,35,239)
```
#2834f0
```
#2834f0 rgb(40,52,240)
```
#3a45f1
```
#3a45f1 rgb(58,69,241)
```
#4d57f3
```
#4d57f3 rgb(77,87,243)
```
#5f68f4
```
#5f68f4 rgb(95,104,244)
```
#7179f5
```
#7179f5 rgb(113,121,245)
```
#848bf7
```
#848bf7 rgb(132,139,247)
```
#969cf8
```
#969cf8 rgb(150,156,248)
```
#a8adf9
```
#a8adf9 rgb(168,173,249)
```
#bbbffa
```
#bbbffa rgb(187,191,250)
```
#cdd0fc
```
#cdd0fc rgb(205,208,252)
```
#dfe1fd
```
#dfe1fd rgb(223,225,253)
```
#f2f3fe
```
#f2f3fe rgb(242,243,254)
```

Tint Color Variation

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

#a7a8ac
```
#a7a8ac rgb(167,168,172)
```
#a1a2b2
```
#a1a2b2 rgb(161,162,178)
```
#9a9cb9
```
#9a9cb9 rgb(154,156,185)
```
#9496bf
```
#9496bf rgb(148,150,191)
```
#8d90c6
```
#8d90c6 rgb(141,144,198)
```
#868bcd
```
#868bcd rgb(134,139,205)
```
#8085d3
```
#8085d3 rgb(128,133,211)
```
#797fda
```
#797fda rgb(121,127,218)
```
#7379e0
```
#7379e0 rgb(115,121,224)
```
#6c74e7
```
#6c74e7 rgb(108,116,231)
```
#666eed
```
#666eed rgb(102,110,237)
```
#5f68f4
```
#5f68f4 rgb(95,104,244)
```
#5862fb
```
#5862fb rgb(88,98,251)
```

Tone Color Variation

Below, you can see how #5f68f4 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

#007bf1 Protanopia 1% of men
#0082d4 Deuteranopia 1% of men
#1a8b95 Tritanopia 0.001% of the population

Trichromacy

#2274f2 Protanomaly 1% of men, 0.01% of women
#2278df Deuteranomaly 6% of men, 0.4% of women
#337eb7 Tritanomaly 0.01% of the population

#5f68f4 hex color

#5f68f4 Color Information

#5f68f4 Color Conversion

Color Schemes with #5f68f4

Alternatives to #5f68f4

#5f68f4 Preview

Shades and Tints of #5f68f4

Tones of #5f68f4

Color Blindness Simulator