#5f6bcc hex color

In a RGB color space, hex #5f6bcc is composed of 37.3% red, 42% green and 80% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 47.5% magenta, 0% yellow and 20% black. It has a hue angle of 233.4 degrees, a saturation of 51.7% and a lightness of 58.6%. #5f6bcc color hex could be obtained by blending #bed6ff with #000099. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 42
- B 80
RGB color chart
- C 53
- M 48
- Y 0
- K 20
CMYK color chart

● #5f6bcc color description : Moderate blue.

The hexadecimal color #5f6bcc has RGB values of R:95, G:107, B:204 and CMYK values of C:0.53, M:0.48, Y:0, K:0.2. Its decimal value is 6253516.

Hex triplet	5f6bcc	`#5f6bcc`
RGB Decimal	95, 107, 204	`rgb(95,107,204)`
RGB Percent	37.3, 42, 80	`rgb(37.3%,42%,80%)`
CMYK	53, 48, 0, 20
HSL	233.4°, 51.7, 58.6	`hsl(233.4,51.7%,58.6%)`
HSV (or HSB)	233.4°, 53.4, 80
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.645, 23.024, -51.931
XYZ	20.874, 17.307, 59.364
xyY	0.214, 0.177, 17.307
CIE-LCH	48.645, 56.806, 293.911
CIE-LUV	48.645, -9.968, -81.365
Hunter-Lab	41.602, 16.76, -55.483
Binary	01011111, 01101011, 11001100

#5f6bcc
```
#5f6bcc rgb(95,107,204)
```
#ccc05f
```
#ccc05f rgb(204,192,95)
```

Complementary Color

#5fa2cc
```
#5fa2cc rgb(95,162,204)
```
#5f6bcc
```
#5f6bcc rgb(95,107,204)
```
#8a5fcc
```
#8a5fcc rgb(138,95,204)
```

Analogous Color

#a2cc5f
```
#a2cc5f rgb(162,204,95)
```
#5f6bcc
```
#5f6bcc rgb(95,107,204)
```
#cc8a5f
```
#cc8a5f rgb(204,138,95)
```

Split Complementary Color

#6bcc5f
```
#6bcc5f rgb(107,204,95)
```
#5f6bcc
```
#5f6bcc rgb(95,107,204)
```
#cc5f6b
```
#cc5f6b rgb(204,95,107)
```

Triadic Color

#5fccc0
```
#5fccc0 rgb(95,204,192)
```
#5f6bcc
```
#5f6bcc rgb(95,107,204)
```
#cc5f6b
```
#cc5f6b rgb(204,95,107)
```
#ccc05f
```
#ccc05f rgb(204,192,95)
```

Tetradic Color

#3642a9
```
#3642a9 rgb(54,66,169)
```
#3c4abc
```
#3c4abc rgb(60,74,188)
```
#4c59c6
```
#4c59c6 rgb(76,89,198)
```
#5f6bcc
```
#5f6bcc rgb(95,107,204)
```
#727dd2
```
#727dd2 rgb(114,125,210)
```
#868fd8
```
#868fd8 rgb(134,143,216)
```
#99a1de
```
#99a1de rgb(153,161,222)
```

Monochromatic Color

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

#5f86cc
```
#5f86cc rgb(95,134,204)
```
#5f7dcc
```
#5f7dcc rgb(95,125,204)
```
#5f74cc
```
#5f74cc rgb(95,116,204)
```
#5f6bcc
```
#5f6bcc rgb(95,107,204)
```
#5f62cc
```
#5f62cc rgb(95,98,204)
```
#655fcc
```
#655fcc rgb(101,95,204)
```
#6e5fcc
```
#6e5fcc rgb(110,95,204)
```

Similar Colors

Text with hexadecimal color #5f6bcc

This text has a font color of #5f6bcc.

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

#5f6bcc background color

This paragraph has a background color of #5f6bcc.

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

#5f6bcc border color

This element has a border color of #5f6bcc.

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

CSS codes

.text {color:#5f6bcc;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#060712
```
#060712 rgb(6,7,18)
```
#0b0d21
```
#0b0d21 rgb(11,13,33)
```
#0f1330
```
#0f1330 rgb(15,19,48)
```
#14193f
```
#14193f rgb(20,25,63)
```
#191f4e
```
#191f4e rgb(25,31,78)
```
#1e255d
```
#1e255d rgb(30,37,93)
```
#222a6c
```
#222a6c rgb(34,42,108)
```
#27307b
```
#27307b rgb(39,48,123)
```
#2c3689
```
#2c3689 rgb(44,54,137)
```
#313c98
```
#313c98 rgb(49,60,152)
```
#3542a7
```
#3542a7 rgb(53,66,167)
```
#3a48b6
```
#3a48b6 rgb(58,72,182)
```

Shade Color Variation

#414fc3
```
#414fc3 rgb(65,79,195)
```
#505dc7
```
#505dc7 rgb(80,93,199)
```
#5f6bcc
```
#5f6bcc rgb(95,107,204)
```
#6e79d1
```
#6e79d1 rgb(110,121,209)
```
#7d87d5
```
#7d87d5 rgb(125,135,213)
```
#8c94da
```
#8c94da rgb(140,148,218)
```
#9aa2df
```
#9aa2df rgb(154,162,223)
```
#a9b0e4
```
#a9b0e4 rgb(169,176,228)
```
#b8bee8
```
#b8bee8 rgb(184,190,232)
```
#c7cbed
```
#c7cbed rgb(199,203,237)
```
#d6d9f2
```
#d6d9f2 rgb(214,217,242)
```
#e5e7f7
```
#e5e7f7 rgb(229,231,247)
```
#f4f5fb
```
#f4f5fb rgb(244,245,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #90919b is the less saturated color, while #2e45fd is the most saturated one.

#90919b
```
#90919b rgb(144,145,155)
```
#888ba3
```
#888ba3 rgb(136,139,163)
```
#7f84ac
```
#7f84ac rgb(127,132,172)
```
#777eb4
```
#777eb4 rgb(119,126,180)
```
#6f78bc
```
#6f78bc rgb(111,120,188)
```
#6771c4
```
#6771c4 rgb(103,113,196)
```
#5f6bcc
```
#5f6bcc rgb(95,107,204)
```
#5765d4
```
#5765d4 rgb(87,101,212)
```
#4f5edc
```
#4f5edc rgb(79,94,220)
```
#4758e4
```
#4758e4 rgb(71,88,228)
```
#3f52ec
```
#3f52ec rgb(63,82,236)
```
#364bf5
```
#364bf5 rgb(54,75,245)
```
#2e45fd
```
#2e45fd rgb(46,69,253)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#6e7184 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4877d3 Protanopia 1% of men
#307cca Deuteranopia 1% of men
#49838c Tritanopia 0.001% of the population

Trichromacy

#5073d0 Protanomaly 1% of men, 0.01% of women
#4175cb Deuteranomaly 6% of men, 0.4% of women
#517aa3 Tritanomaly 0.01% of the population

#5f6bcc hex color

#5f6bcc Color Information

#5f6bcc Color Conversion

Color Schemes with #5f6bcc

Alternatives to #5f6bcc

#5f6bcc Preview

Shades and Tints of #5f6bcc

Tones of #5f6bcc

Color Blindness Simulator