#5f8acf hex color

In a RGB color space, hex #5f8acf is composed of 37.3% red, 54.1% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 33.3% magenta, 0% yellow and 18.8% black. It has a hue angle of 217 degrees, a saturation of 53.8% and a lightness of 59.2%. #5f8acf color hex could be obtained by blending #beffff with #00159f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 54
- B 81
RGB color chart
- C 54
- M 33
- Y 0
- K 19
CMYK color chart

● #5f8acf color description : Moderate blue.

The hexadecimal color #5f8acf has RGB values of R:95, G:138, B:207 and CMYK values of C:0.54, M:0.33, Y:0, K:0.19. Its decimal value is 6261455.

Hex triplet	5f8acf	`#5f8acf`
RGB Decimal	95, 138, 207	`rgb(95,138,207)`
RGB Percent	37.3, 54.1, 81.2	`rgb(37.3%,54.1%,81.2%)`
CMYK	54, 33, 0, 19
HSL	217°, 53.8, 59.2	`hsl(217,53.8%,59.2%)`
HSV (or HSB)	217°, 54.1, 81.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.186, 5.192, -40.081
XYZ	25.068, 25.114, 62.554
xyY	0.222, 0.223, 25.114
CIE-LCH	57.186, 40.416, 277.381
CIE-LUV	57.186, -20.612, -63.102
Hunter-Lab	50.113, 1.591, -38.93
Binary	01011111, 10001010, 11001111

#5f8acf
```
#5f8acf rgb(95,138,207)
```
#cfa45f
```
#cfa45f rgb(207,164,95)
```

Complementary Color

#5fc2cf
```
#5fc2cf rgb(95,194,207)
```
#5f8acf
```
#5f8acf rgb(95,138,207)
```
#6c5fcf
```
#6c5fcf rgb(108,95,207)
```

Analogous Color

#c2cf5f
```
#c2cf5f rgb(194,207,95)
```
#5f8acf
```
#5f8acf rgb(95,138,207)
```
#cf6c5f
```
#cf6c5f rgb(207,108,95)
```

Split Complementary Color

#8acf5f
```
#8acf5f rgb(138,207,95)
```
#5f8acf
```
#5f8acf rgb(95,138,207)
```
#cf5f8a
```
#cf5f8a rgb(207,95,138)
```

Triadic Color

#5fcfa4
```
#5fcfa4 rgb(95,207,164)
```
#5f8acf
```
#5f8acf rgb(95,138,207)
```
#cf5f8a
```
#cf5f8a rgb(207,95,138)
```
#cfa45f
```
#cfa45f rgb(207,164,95)
```

Tetradic Color

#3463ad
```
#3463ad rgb(52,99,173)
```
#3a6ec1
```
#3a6ec1 rgb(58,110,193)
```
#4b7cc9
```
#4b7cc9 rgb(75,124,201)
```
#5f8acf
```
#5f8acf rgb(95,138,207)
```
#7398d5
```
#7398d5 rgb(115,152,213)
```
#86a7db
```
#86a7db rgb(134,167,219)
```
#9ab5e1
```
#9ab5e1 rgb(154,181,225)
```

Monochromatic Color

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

#5fa6cf
```
#5fa6cf rgb(95,166,207)
```
#5f9dcf
```
#5f9dcf rgb(95,157,207)
```
#5f93cf
```
#5f93cf rgb(95,147,207)
```
#5f8acf
```
#5f8acf rgb(95,138,207)
```
#5f81cf
```
#5f81cf rgb(95,129,207)
```
#5f77cf
```
#5f77cf rgb(95,119,207)
```
#5f6ecf
```
#5f6ecf rgb(95,110,207)
```

Similar Colors

Text with hexadecimal color #5f8acf

This text has a font color of #5f8acf.

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

#5f8acf background color

This paragraph has a background color of #5f8acf.

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

#5f8acf border color

This element has a border color of #5f8acf.

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

CSS codes

.text {color:#5f8acf;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#060c15
```
#060c15 rgb(6,12,21)
```
#0b1524
```
#0b1524 rgb(11,21,36)
```
#0f1d33
```
#0f1d33 rgb(15,29,51)
```
#142642
```
#142642 rgb(20,38,66)
```
#182e51
```
#182e51 rgb(24,46,81)
```
#1d3761
```
#1d3761 rgb(29,55,97)
```
#213f70
```
#213f70 rgb(33,63,112)
```
#26487f
```
#26487f rgb(38,72,127)
```
#2b518e
```
#2b518e rgb(43,81,142)
```
#2f599d
```
#2f599d rgb(47,89,157)
```
#3462ac
```
#3462ac rgb(52,98,172)
```
#386abb
```
#386abb rgb(56,106,187)
```

Shade Color Variation

#4174c6
```
#4174c6 rgb(65,116,198)
```
#507fca
```
#507fca rgb(80,127,202)
```
#5f8acf
```
#5f8acf rgb(95,138,207)
```
#6e95d4
```
#6e95d4 rgb(110,149,212)
```
#7da0d8
```
#7da0d8 rgb(125,160,216)
```
#8cabdd
```
#8cabdd rgb(140,171,221)
```
#9bb6e1
```
#9bb6e1 rgb(155,182,225)
```
#aac1e6
```
#aac1e6 rgb(170,193,230)
```
#baccea
```
#baccea rgb(186,204,234)
```
#c9d7ef
```
#c9d7ef rgb(201,215,239)
```
#d8e2f3
```
#d8e2f3 rgb(216,226,243)
```
#e7edf8
```
#e7edf8 rgb(231,237,248)
```
#f6f8fc
```
#f6f8fc rgb(246,248,252)
```

Tint Color Variation

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

#8f959f
```
#8f959f rgb(143,149,159)
```
#8793a7
```
#8793a7 rgb(135,147,167)
```
#7f91af
```
#7f91af rgb(127,145,175)
```
#7790b7
```
#7790b7 rgb(119,144,183)
```
#6f8ebf
```
#6f8ebf rgb(111,142,191)
```
#678cc7
```
#678cc7 rgb(103,140,199)
```
#5f8acf
```
#5f8acf rgb(95,138,207)
```
#5788d7
```
#5788d7 rgb(87,136,215)
```
#4f86df
```
#4f86df rgb(79,134,223)
```
#4784e7
```
#4784e7 rgb(71,132,231)
```
#3f83ef
```
#3f83ef rgb(63,131,239)
```
#3781f7
```
#3781f7 rgb(55,129,247)
```
#2f7fff
```
#2f7fff rgb(47,127,255)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7d8694 Atypical Achromatopsia 0.001% of the population

Dichromacy

#768dcf Protanopia 1% of men
#6c8fd1 Deuteranopia 1% of men
#5299a4 Tritanopia 0.001% of the population

Trichromacy

#6e8ccf Protanomaly 1% of men, 0.01% of women
#678dd0 Deuteranomaly 6% of men, 0.4% of women
#5693b4 Tritanomaly 0.01% of the population

#5f8acf hex color

#5f8acf Color Information

#5f8acf Color Conversion

Color Schemes with #5f8acf

Alternatives to #5f8acf

#5f8acf Preview

Shades and Tints of #5f8acf

Tones of #5f8acf

Color Blindness Simulator