#5f6fff hex color

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

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

● #5f6fff color description : Light blue.

The hexadecimal color #5f6fff has RGB values of R:95, G:111, B:255 and CMYK values of C:0.63, M:0.56, Y:0, K:0. Its decimal value is 6254591.

Hex triplet	5f6fff	`#5f6fff`
RGB Decimal	95, 111, 255	`rgb(95,111,255)`
RGB Percent	37.3, 43.5, 100	`rgb(37.3%,43.5%,100%)`
CMYK	63, 56, 0, 0
HSL	234°, 100, 68.6	`hsl(234,100%,68.6%)`
HSV (or HSB)	234°, 62.7, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.972, 37.174, -73.632
XYZ	28.45, 21.02, 97.16
xyY	0.194, 0.143, 21.02
CIE-LCH	52.972, 82.483, 296.788
CIE-LUV	52.972, -12.873, -117.426
Hunter-Lab	45.848, 30.531, -93.553
Binary	01011111, 01101111, 11111111

#5f6fff
```
#5f6fff rgb(95,111,255)
```
#ffef5f
```
#ffef5f rgb(255,239,95)
```

Complementary Color

#5fbfff
```
#5fbfff rgb(95,191,255)
```
#5f6fff
```
#5f6fff rgb(95,111,255)
```
#9f5fff
```
#9f5fff rgb(159,95,255)
```

Analogous Color

#bfff5f
```
#bfff5f rgb(191,255,95)
```
#5f6fff
```
#5f6fff rgb(95,111,255)
```
#ff9f5f
```
#ff9f5f rgb(255,159,95)
```

Split Complementary Color

#6fff5f
```
#6fff5f rgb(111,255,95)
```
#5f6fff
```
#5f6fff rgb(95,111,255)
```
#ff5f6f
```
#ff5f6f rgb(255,95,111)
```

Triadic Color

#5fffef
```
#5fffef rgb(95,255,239)
```
#5f6fff
```
#5f6fff rgb(95,111,255)
```
#ff5f6f
```
#ff5f6f rgb(255,95,111)
```
#ffef5f
```
#ffef5f rgb(255,239,95)
```

Tetradic Color

#132aff
```
#132aff rgb(19,42,255)
```
#2c41ff
```
#2c41ff rgb(44,65,255)
```
#4658ff
```
#4658ff rgb(70,88,255)
```
#5f6fff
```
#5f6fff rgb(95,111,255)
```
#7986ff
```
#7986ff rgb(121,134,255)
```
#929dff
```
#929dff rgb(146,157,255)
```
#acb4ff
```
#acb4ff rgb(172,180,255)
```

Monochromatic Color

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

#5f97ff
```
#5f97ff rgb(95,151,255)
```
#5f8aff
```
#5f8aff rgb(95,138,255)
```
#5f7cff
```
#5f7cff rgb(95,124,255)
```
#5f6fff
```
#5f6fff rgb(95,111,255)
```
#5f62ff
```
#5f62ff rgb(95,98,255)
```
#6a5fff
```
#6a5fff rgb(106,95,255)
```
#775fff
```
#775fff rgb(119,95,255)
```

Similar Colors

Text with hexadecimal color #5f6fff

This text has a font color of #5f6fff.

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

#5f6fff background color

This paragraph has a background color of #5f6fff.

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

#5f6fff border color

This element has a border color of #5f6fff.

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

CSS codes

.text {color:#5f6fff;}

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

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

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

#000211
```
#000211 rgb(0,2,17)
```
#000424
```
#000424 rgb(0,4,36)
```
#000638
```
#000638 rgb(0,6,56)
```
#00084b
```
#00084b rgb(0,8,75)
```
#000a5f
```
#000a5f rgb(0,10,95)
```
#000b73
```
#000b73 rgb(0,11,115)
```
#000d86
```
#000d86 rgb(0,13,134)
```
#000f9a
```
#000f9a rgb(0,15,154)
```
#0011ad
```
#0011ad rgb(0,17,173)
```
#0013c1
```
#0013c1 rgb(0,19,193)
```
#0015d5
```
#0015d5 rgb(0,21,213)
```
#0017e8
```
#0017e8 rgb(0,23,232)
```
#0019fc
```
#0019fc rgb(0,25,252)
```

Shade Color Variation

#1128ff
```
#1128ff rgb(17,40,255)
```
#243aff
```
#243aff rgb(36,58,255)
```
#384cff
```
#384cff rgb(56,76,255)
```
#4b5dff
```
#4b5dff rgb(75,93,255)
```
#5f6fff
```
#5f6fff rgb(95,111,255)
```
#7381ff
```
#7381ff rgb(115,129,255)
```
#8692ff
```
#8692ff rgb(134,146,255)
```
#9aa4ff
```
#9aa4ff rgb(154,164,255)
```
#adb6ff
```
#adb6ff rgb(173,182,255)
```
#c1c7ff
```
#c1c7ff rgb(193,199,255)
```
#d5d9ff
```
#d5d9ff rgb(213,217,255)
```
#e8ebff
```
#e8ebff rgb(232,235,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 #5f6fff is the most saturated one.

#a9aab5
```
#a9aab5 rgb(169,170,181)
```
#a3a5bb
```
#a3a5bb rgb(163,165,187)
```
#9da0c1
```
#9da0c1 rgb(157,160,193)
```
#969bc8
```
#969bc8 rgb(150,155,200)
```
#9096ce
```
#9096ce rgb(144,150,206)
```
#8a91d4
```
#8a91d4 rgb(138,145,212)
```
#848dda
```
#848dda rgb(132,141,218)
```
#7e88e0
```
#7e88e0 rgb(126,136,224)
```
#7883e6
```
#7883e6 rgb(120,131,230)
```
#717eed
```
#717eed rgb(113,126,237)
```
#6b79f3
```
#6b79f3 rgb(107,121,243)
```
#6574f9
```
#6574f9 rgb(101,116,249)
```
#5f6fff
```
#5f6fff rgb(95,111,255)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#757995 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fc Protanopia 1% of men
#0088de Deuteranopia 1% of men
#00929c Tritanopia 0.001% of the population

Trichromacy

#227afd Protanomaly 1% of men, 0.01% of women
#227eea Deuteranomaly 6% of men, 0.4% of women
#2285c0 Tritanomaly 0.01% of the population

#5f6fff hex color

#5f6fff Color Information

#5f6fff Color Conversion

Color Schemes with #5f6fff

Alternatives to #5f6fff

#5f6fff Preview

Shades and Tints of #5f6fff

Tones of #5f6fff

Color Blindness Simulator