#5f6afa hex color

In a RGB color space, hex #5f6afa is composed of 37.3% red, 41.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 57.6% magenta, 0% yellow and 2% black. It has a hue angle of 235.7 degrees, a saturation of 93.9% and a lightness of 67.6%. #5f6afa color hex could be obtained by blending #bed4ff with #0000f5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 37
- G 42
- B 98
RGB color chart
- C 62
- M 58
- Y 0
- K 2
CMYK color chart

● #5f6afa color description : Soft blue.

The hexadecimal color #5f6afa has RGB values of R:95, G:106, B:250 and CMYK values of C:0.62, M:0.58, Y:0, K:0.02. Its decimal value is 6253306.

Hex triplet	5f6afa	`#5f6afa`
RGB Decimal	95, 106, 250	`rgb(95,106,250)`
RGB Percent	37.3, 41.6, 98	`rgb(37.3%,41.6%,98%)`
CMYK	62, 58, 0, 2
HSL	235.7°, 93.9, 67.6	`hsl(235.7,93.9%,67.6%)`
HSV (or HSB)	235.7°, 62, 98
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.43, 38.546, -73.365
XYZ	27.125, 19.642, 92.799
xyY	0.194, 0.141, 19.642
CIE-LCH	51.43, 82.875, 297.717
CIE-LUV	51.43, -11.399, -116.189
Hunter-Lab	44.319, 31.692, -93.123
Binary	01011111, 01101010, 11111010

#5f6afa
```
#5f6afa rgb(95,106,250)
```
#faef5f
```
#faef5f rgb(250,239,95)
```

Complementary Color

#5fb8fa
```
#5fb8fa rgb(95,184,250)
```
#5f6afa
```
#5f6afa rgb(95,106,250)
```
#a25ffa
```
#a25ffa rgb(162,95,250)
```

Analogous Color

#b8fa5f
```
#b8fa5f rgb(184,250,95)
```
#5f6afa
```
#5f6afa rgb(95,106,250)
```
#faa25f
```
#faa25f rgb(250,162,95)
```

Split Complementary Color

#6afa5f
```
#6afa5f rgb(106,250,95)
```
#5f6afa
```
#5f6afa rgb(95,106,250)
```
#fa5f6a
```
#fa5f6a rgb(250,95,106)
```

Triadic Color

#5ffaef
```
#5ffaef rgb(95,250,239)
```
#5f6afa
```
#5f6afa rgb(95,106,250)
```
#fa5f6a
```
#fa5f6a rgb(250,95,106)
```
#faef5f
```
#faef5f rgb(250,239,95)
```

Tetradic Color

#1525f8
```
#1525f8 rgb(21,37,248)
```
#2e3cf8
```
#2e3cf8 rgb(46,60,248)
```
#4653f9
```
#4653f9 rgb(70,83,249)
```
#5f6afa
```
#5f6afa rgb(95,106,250)
```
#7881fb
```
#7881fb rgb(120,129,251)
```
#9098fc
```
#9098fc rgb(144,152,252)
```
#a9affc
```
#a9affc rgb(169,175,252)
```

Monochromatic Color

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

#5f91fa
```
#5f91fa rgb(95,145,250)
```
#5f84fa
```
#5f84fa rgb(95,132,250)
```
#5f77fa
```
#5f77fa rgb(95,119,250)
```
#5f6afa
```
#5f6afa rgb(95,106,250)
```
#615ffa
```
#615ffa rgb(97,95,250)
```
#6e5ffa
```
#6e5ffa rgb(110,95,250)
```
#7b5ffa
```
#7b5ffa rgb(123,95,250)
```

Similar Colors

Text with hexadecimal color #5f6afa

This text has a font color of #5f6afa.

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

#5f6afa background color

This paragraph has a background color of #5f6afa.

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

#5f6afa border color

This element has a border color of #5f6afa.

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

CSS codes

.text {color:#5f6afa;}

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

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

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

#00010b
```
#00010b rgb(0,1,11)
```
#01031e
```
#01031e rgb(1,3,30)
```
#020531
```
#020531 rgb(2,5,49)
```
#020744
```
#020744 rgb(2,7,68)
```
#030957
```
#030957 rgb(3,9,87)
```
#030b6a
```
#030b6a rgb(3,11,106)
```
#040d7d
```
#040d7d rgb(4,13,125)
```
#050e90
```
#050e90 rgb(5,14,144)
```
#0510a3
```
#0510a3 rgb(5,16,163)
```
#0612b6
```
#0612b6 rgb(6,18,182)
```
#0614c9
```
#0614c9 rgb(6,20,201)
```
#0716dc
```
#0716dc rgb(7,22,220)
```
#0718ef
```
#0718ef rgb(7,24,239)
```

Shade Color Variation

#1323f8
```
#1323f8 rgb(19,35,248)
```
#2635f8
```
#2635f8 rgb(38,53,248)
```
#3947f9
```
#3947f9 rgb(57,71,249)
```
#4c58f9
```
#4c58f9 rgb(76,88,249)
```
#5f6afa
```
#5f6afa rgb(95,106,250)
```
#727cfb
```
#727cfb rgb(114,124,251)
```
#858dfb
```
#858dfb rgb(133,141,251)
```
#989ffc
```
#989ffc rgb(152,159,252)
```
#abb1fc
```
#abb1fc rgb(171,177,252)
```
#bec3fd
```
#bec3fd rgb(190,195,253)
```
#d1d4fe
```
#d1d4fe rgb(209,212,254)
```
#e4e6fe
```
#e4e6fe rgb(228,230,254)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

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

#ababae
```
#ababae rgb(171,171,174)
```
#a5a6b4
```
#a5a6b4 rgb(165,166,180)
```
#9ea0bb
```
#9ea0bb rgb(158,160,187)
```
#989bc1
```
#989bc1 rgb(152,155,193)
```
#9296c7
```
#9296c7 rgb(146,150,199)
```
#8b90ce
```
#8b90ce rgb(139,144,206)
```
#858bd4
```
#858bd4 rgb(133,139,212)
```
#7f85da
```
#7f85da rgb(127,133,218)
```
#7880e1
```
#7880e1 rgb(120,128,225)
```
#727ae7
```
#727ae7 rgb(114,122,231)
```
#6c75ed
```
#6c75ed rgb(108,117,237)
```
#656ff4
```
#656ff4 rgb(101,111,244)
```
#5f6afa
```
#5f6afa rgb(95,106,250)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#727491 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df5 Protanopia 1% of men
#0084d7 Deuteranopia 1% of men
#008d98 Tritanopia 0.001% of the population

Trichromacy

#2276f7 Protanomaly 1% of men, 0.01% of women
#227ae4 Deuteranomaly 6% of men, 0.4% of women
#2280bb Tritanomaly 0.01% of the population

#5f6afa hex color

#5f6afa Color Information

#5f6afa Color Conversion

Color Schemes with #5f6afa

Alternatives to #5f6afa

#5f6afa Preview

Shades and Tints of #5f6afa

Tones of #5f6afa

Color Blindness Simulator