#5f68ff hex color

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

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

● #5f68ff color description : Light blue.

The hexadecimal color #5f68ff has RGB values of R:95, G:104, B:255 and CMYK values of C:0.63, M:0.59, Y:0, K:0. Its decimal value is 6252799.

Hex triplet	5f68ff	`#5f68ff`
RGB Decimal	95, 104, 255	`rgb(95,104,255)`
RGB Percent	37.3, 40.8, 100	`rgb(37.3%,40.8%,100%)`
CMYK	63, 59, 0, 0
HSL	236.6°, 100, 68.6	`hsl(236.6,100%,68.6%)`
HSV (or HSB)	236.6°, 62.7, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.327, 41.361, -76.305
XYZ	27.716, 19.552, 96.916
xyY	0.192, 0.136, 19.552
CIE-LCH	51.327, 86.794, 298.46
CIE-LUV	51.327, -11.086, -120.562
Hunter-Lab	44.218, 34.504, -98.998
Binary	01011111, 01101000, 11111111

#5f68ff
```
#5f68ff rgb(95,104,255)
```
#fff65f
```
#fff65f rgb(255,246,95)
```

Complementary Color

#5fb8ff
```
#5fb8ff rgb(95,184,255)
```
#5f68ff
```
#5f68ff rgb(95,104,255)
```
#a65fff
```
#a65fff rgb(166,95,255)
```

Analogous Color

#b8ff5f
```
#b8ff5f rgb(184,255,95)
```
#5f68ff
```
#5f68ff rgb(95,104,255)
```
#ffa65f
```
#ffa65f rgb(255,166,95)
```

Split Complementary Color

#68ff5f
```
#68ff5f rgb(104,255,95)
```
#5f68ff
```
#5f68ff rgb(95,104,255)
```
#ff5f68
```
#ff5f68 rgb(255,95,104)
```

Triadic Color

#5ffff6
```
#5ffff6 rgb(95,255,246)
```
#5f68ff
```
#5f68ff rgb(95,104,255)
```
#ff5f68
```
#ff5f68 rgb(255,95,104)
```
#fff65f
```
#fff65f rgb(255,246,95)
```

Tetradic Color

#1320ff
```
#1320ff rgb(19,32,255)
```
#2c38ff
```
#2c38ff rgb(44,56,255)
```
#4650ff
```
#4650ff rgb(70,80,255)
```
#5f68ff
```
#5f68ff rgb(95,104,255)
```
#7980ff
```
#7980ff rgb(121,128,255)
```
#9298ff
```
#9298ff rgb(146,152,255)
```
#acb0ff
```
#acb0ff rgb(172,176,255)
```

Monochromatic Color

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

#5f90ff
```
#5f90ff rgb(95,144,255)
```
#5f83ff
```
#5f83ff rgb(95,131,255)
```
#5f75ff
```
#5f75ff rgb(95,117,255)
```
#5f68ff
```
#5f68ff rgb(95,104,255)
```
#635fff
```
#635fff rgb(99,95,255)
```
#715fff
```
#715fff rgb(113,95,255)
```
#7e5fff
```
#7e5fff rgb(126,95,255)
```

Similar Colors

Text with hexadecimal color #5f68ff

This text has a font color of #5f68ff.

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

#5f68ff background color

This paragraph has a background color of #5f68ff.

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

#5f68ff border color

This element has a border color of #5f68ff.

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

CSS codes

.text {color:#5f68ff;}

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

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

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)
```
#000224
```
#000224 rgb(0,2,36)
```
#000338
```
#000338 rgb(0,3,56)
```
#00044b
```
#00044b rgb(0,4,75)
```
#00055f
```
#00055f rgb(0,5,95)
```
#000673
```
#000673 rgb(0,6,115)
```
#000886
```
#000886 rgb(0,8,134)
```
#00099a
```
#00099a rgb(0,9,154)
```
#000aad
```
#000aad rgb(0,10,173)
```
#000bc1
```
#000bc1 rgb(0,11,193)
```
#000cd5
```
#000cd5 rgb(0,12,213)
```
#000de8
```
#000de8 rgb(0,13,232)
```
#000efc
```
#000efc rgb(0,14,252)
```

Shade Color Variation

#111eff
```
#111eff rgb(17,30,255)
```
#2430ff
```
#2430ff rgb(36,48,255)
```
#3843ff
```
#3843ff rgb(56,67,255)
```
#4b55ff
```
#4b55ff rgb(75,85,255)
```
#5f68ff
```
#5f68ff rgb(95,104,255)
```
#737bff
```
#737bff rgb(115,123,255)
```
#868dff
```
#868dff rgb(134,141,255)
```
#9aa0ff
```
#9aa0ff rgb(154,160,255)
```
#adb2ff
```
#adb2ff rgb(173,178,255)
```
#c1c5ff
```
#c1c5ff rgb(193,197,255)
```
#d5d7ff
```
#d5d7ff rgb(213,215,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 #5f68ff is the most saturated one.

#a9aab5
```
#a9aab5 rgb(169,170,181)
```
#a3a4bb
```
#a3a4bb rgb(163,164,187)
```
#9d9fc1
```
#9d9fc1 rgb(157,159,193)
```
#9699c8
```
#9699c8 rgb(150,153,200)
```
#9094ce
```
#9094ce rgb(144,148,206)
```
#8a8ed4
```
#8a8ed4 rgb(138,142,212)
```
#8489da
```
#8489da rgb(132,137,218)
```
#7e83e0
```
#7e83e0 rgb(126,131,224)
```
#787ee6
```
#787ee6 rgb(120,126,230)
```
#7178ed
```
#7178ed rgb(113,120,237)
```
#6b73f3
```
#6b73f3 rgb(107,115,243)
```
#656df9
```
#656df9 rgb(101,109,249)
```
#5f68ff
```
#5f68ff rgb(95,104,255)
```

Tone Color Variation

Below, you can see how #5f68ff 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
#727492 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df5 Protanopia 1% of men
#0084d6 Deuteranopia 1% of men
#008d97 Tritanopia 0.001% of the population

Trichromacy

#2275f8 Protanomaly 1% of men, 0.01% of women
#2279e5 Deuteranomaly 6% of men, 0.4% of women
#2280bd Tritanomaly 0.01% of the population

#5f68ff hex color

#5f68ff Color Information

#5f68ff Color Conversion

Color Schemes with #5f68ff

Alternatives to #5f68ff

#5f68ff Preview

Shades and Tints of #5f68ff

Tones of #5f68ff

Color Blindness Simulator