#5f6cff hex color

In a RGB color space, hex #5f6cff is composed of 37.3% red, 42.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 57.6% magenta, 0% yellow and 0% black. It has a hue angle of 235.1 degrees, a saturation of 100% and a lightness of 68.6%. #5f6cff color hex could be obtained by blending #bed8ff with #0000ff. Closest websafe color is: #6666ff.

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

● #5f6cff color description : Light blue.

The hexadecimal color #5f6cff has RGB values of R:95, G:108, B:255 and CMYK values of C:0.63, M:0.58, Y:0, K:0. Its decimal value is 6253823.

Hex triplet	5f6cff	`#5f6cff`
RGB Decimal	95, 108, 255	`rgb(95,108,255)`
RGB Percent	37.3, 42.4, 100	`rgb(37.3%,42.4%,100%)`
CMYK	63, 58, 0, 0
HSL	235.1°, 100, 68.6	`hsl(235.1,100%,68.6%)`
HSV (or HSB)	235.1°, 62.7, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.26, 38.974, -74.787
XYZ	28.128, 20.377, 97.053
xyY	0.193, 0.14, 20.377
CIE-LCH	52.26, 84.333, 297.526
CIE-LUV	52.26, -12.094, -118.813
Hunter-Lab	45.14, 32.232, -95.877
Binary	01011111, 01101100, 11111111

#5f6cff
```
#5f6cff rgb(95,108,255)
```
#fff25f
```
#fff25f rgb(255,242,95)
```

Complementary Color

#5fbcff
```
#5fbcff rgb(95,188,255)
```
#5f6cff
```
#5f6cff rgb(95,108,255)
```
#a25fff
```
#a25fff rgb(162,95,255)
```

Analogous Color

#bcff5f
```
#bcff5f rgb(188,255,95)
```
#5f6cff
```
#5f6cff rgb(95,108,255)
```
#ffa25f
```
#ffa25f rgb(255,162,95)
```

Split Complementary Color

#6cff5f
```
#6cff5f rgb(108,255,95)
```
#5f6cff
```
#5f6cff rgb(95,108,255)
```
#ff5f6c
```
#ff5f6c rgb(255,95,108)
```

Triadic Color

#5ffff2
```
#5ffff2 rgb(95,255,242)
```
#5f6cff
```
#5f6cff rgb(95,108,255)
```
#ff5f6c
```
#ff5f6c rgb(255,95,108)
```
#fff25f
```
#fff25f rgb(255,242,95)
```

Tetradic Color

#1326ff
```
#1326ff rgb(19,38,255)
```
#2c3dff
```
#2c3dff rgb(44,61,255)
```
#4655ff
```
#4655ff rgb(70,85,255)
```
#5f6cff
```
#5f6cff rgb(95,108,255)
```
#7983ff
```
#7983ff rgb(121,131,255)
```
#929bff
```
#929bff rgb(146,155,255)
```
#acb2ff
```
#acb2ff rgb(172,178,255)
```

Monochromatic Color

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

#5f94ff
```
#5f94ff rgb(95,148,255)
```
#5f87ff
```
#5f87ff rgb(95,135,255)
```
#5f79ff
```
#5f79ff rgb(95,121,255)
```
#5f6cff
```
#5f6cff rgb(95,108,255)
```
#5f5fff
```
#5f5fff rgb(95,95,255)
```
#6d5fff
```
#6d5fff rgb(109,95,255)
```
#7a5fff
```
#7a5fff rgb(122,95,255)
```

Similar Colors

Text with hexadecimal color #5f6cff

This text has a font color of #5f6cff.

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

#5f6cff background color

This paragraph has a background color of #5f6cff.

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

#5f6cff border color

This element has a border color of #5f6cff.

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

CSS codes

.text {color:#5f6cff;}

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

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

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

#000111
```
#000111 rgb(0,1,17)
```
#000324
```
#000324 rgb(0,3,36)
```
#000538
```
#000538 rgb(0,5,56)
```
#00064b
```
#00064b rgb(0,6,75)
```
#00085f
```
#00085f rgb(0,8,95)
```
#000973
```
#000973 rgb(0,9,115)
```
#000b86
```
#000b86 rgb(0,11,134)
```
#000d9a
```
#000d9a rgb(0,13,154)
```
#000ead
```
#000ead rgb(0,14,173)
```
#0010c1
```
#0010c1 rgb(0,16,193)
```
#0011d5
```
#0011d5 rgb(0,17,213)
```
#0013e8
```
#0013e8 rgb(0,19,232)
```
#0014fc
```
#0014fc rgb(0,20,252)
```

Shade Color Variation

#1124ff
```
#1124ff rgb(17,36,255)
```
#2436ff
```
#2436ff rgb(36,54,255)
```
#3848ff
```
#3848ff rgb(56,72,255)
```
#4b5aff
```
#4b5aff rgb(75,90,255)
```
#5f6cff
```
#5f6cff rgb(95,108,255)
```
#737eff
```
#737eff rgb(115,126,255)
```
#8690ff
```
#8690ff rgb(134,144,255)
```
#9aa2ff
```
#9aa2ff rgb(154,162,255)
```
#adb4ff
```
#adb4ff rgb(173,180,255)
```
#c1c6ff
```
#c1c6ff rgb(193,198,255)
```
#d5d8ff
```
#d5d8ff rgb(213,216,255)
```
#e8eaff
```
#e8eaff rgb(232,234,255)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#a9aab5
```
#a9aab5 rgb(169,170,181)
```
#a3a5bb
```
#a3a5bb rgb(163,165,187)
```
#9da0c1
```
#9da0c1 rgb(157,160,193)
```
#969ac8
```
#969ac8 rgb(150,154,200)
```
#9095ce
```
#9095ce rgb(144,149,206)
```
#8a90d4
```
#8a90d4 rgb(138,144,212)
```
#848bda
```
#848bda rgb(132,139,218)
```
#7e86e0
```
#7e86e0 rgb(126,134,224)
```
#7881e6
```
#7881e6 rgb(120,129,230)
```
#717bed
```
#717bed rgb(113,123,237)
```
#6b76f3
```
#6b76f3 rgb(107,118,243)
```
#6571f9
```
#6571f9 rgb(101,113,249)
```
#5f6cff
```
#5f6cff rgb(95,108,255)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#747694 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ff9 Protanopia 1% of men
#0086da Deuteranopia 1% of men
#00909a Tritanopia 0.001% of the population

Trichromacy

#2278fb Protanomaly 1% of men, 0.01% of women
#227ce8 Deuteranomaly 6% of men, 0.4% of women
#2283bf Tritanomaly 0.01% of the population

#5f6cff hex color

#5f6cff Color Information

#5f6cff Color Conversion

Color Schemes with #5f6cff

Alternatives to #5f6cff

#5f6cff Preview

Shades and Tints of #5f6cff

Tones of #5f6cff

Color Blindness Simulator