#5f76c9 hex color

In a RGB color space, hex #5f76c9 is composed of 37.3% red, 46.3% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 52.7% cyan, 41.3% magenta, 0% yellow and 21.2% black. It has a hue angle of 227 degrees, a saturation of 49.5% and a lightness of 58%. #5f76c9 color hex could be obtained by blending #beecff with #000093. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 46
- B 79
RGB color chart
- C 53
- M 41
- Y 0
- K 21
CMYK color chart

● #5f76c9 color description : Moderate blue.

The hexadecimal color #5f76c9 has RGB values of R:95, G:118, B:201 and CMYK values of C:0.53, M:0.41, Y:0, K:0.21. Its decimal value is 6256329.

Hex triplet	5f76c9	`#5f76c9`
RGB Decimal	95, 118, 201	`rgb(95,118,201)`
RGB Percent	37.3, 46.3, 78.8	`rgb(37.3%,46.3%,78.8%)`
CMYK	53, 41, 0, 21
HSL	227°, 49.5, 58	`hsl(227,49.5%,58%)`
HSV (or HSB)	227°, 52.7, 78.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.389, 15.304, -45.84
XYZ	21.738, 19.606, 57.894
xyY	0.219, 0.198, 19.606
CIE-LCH	51.389, 48.327, 288.462
CIE-LUV	51.389, -13.499, -72.061
Hunter-Lab	44.278, 10.146, -46.527
Binary	01011111, 01110110, 11001001

#5f76c9
```
#5f76c9 rgb(95,118,201)
```
#c9b25f
```
#c9b25f rgb(201,178,95)
```

Complementary Color

#5fabc9
```
#5fabc9 rgb(95,171,201)
```
#5f76c9
```
#5f76c9 rgb(95,118,201)
```
#7d5fc9
```
#7d5fc9 rgb(125,95,201)
```

Analogous Color

#abc95f
```
#abc95f rgb(171,201,95)
```
#5f76c9
```
#5f76c9 rgb(95,118,201)
```
#c97d5f
```
#c97d5f rgb(201,125,95)
```

Split Complementary Color

#76c95f
```
#76c95f rgb(118,201,95)
```
#5f76c9
```
#5f76c9 rgb(95,118,201)
```
#c95f76
```
#c95f76 rgb(201,95,118)
```

Triadic Color

#5fc9b2
```
#5fc9b2 rgb(95,201,178)
```
#5f76c9
```
#5f76c9 rgb(95,118,201)
```
#c95f76
```
#c95f76 rgb(201,95,118)
```
#c9b25f
```
#c9b25f rgb(201,178,95)
```

Tetradic Color

#374fa4
```
#374fa4 rgb(55,79,164)
```
#3e58b7
```
#3e58b7 rgb(62,88,183)
```
#4c66c3
```
#4c66c3 rgb(76,102,195)
```
#5f76c9
```
#5f76c9 rgb(95,118,201)
```
#7286cf
```
#7286cf rgb(114,134,207)
```
#8597d6
```
#8597d6 rgb(133,151,214)
```
#98a7dc
```
#98a7dc rgb(152,167,220)
```

Monochromatic Color

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

#5f91c9
```
#5f91c9 rgb(95,145,201)
```
#5f88c9
```
#5f88c9 rgb(95,136,201)
```
#5f7fc9
```
#5f7fc9 rgb(95,127,201)
```
#5f76c9
```
#5f76c9 rgb(95,118,201)
```
#5f6dc9
```
#5f6dc9 rgb(95,109,201)
```
#5f64c9
```
#5f64c9 rgb(95,100,201)
```
#625fc9
```
#625fc9 rgb(98,95,201)
```

Similar Colors

Text with hexadecimal color #5f76c9

This text has a font color of #5f76c9.

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

#5f76c9 background color

This paragraph has a background color of #5f76c9.

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

#5f76c9 border color

This element has a border color of #5f76c9.

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

CSS codes

.text {color:#5f76c9;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050810
```
#050810 rgb(5,8,16)
```
#0a0f1f
```
#0a0f1f rgb(10,15,31)
```
#0f162d
```
#0f162d rgb(15,22,45)
```
#141d3c
```
#141d3c rgb(20,29,60)
```
#19244b
```
#19244b rgb(25,36,75)
```
#1e2b59
```
#1e2b59 rgb(30,43,89)
```
#233268
```
#233268 rgb(35,50,104)
```
#283977
```
#283977 rgb(40,57,119)
```
#2d4085
```
#2d4085 rgb(45,64,133)
```
#324794
```
#324794 rgb(50,71,148)
```
#374ea3
```
#374ea3 rgb(55,78,163)
```
#3c55b1
```
#3c55b1 rgb(60,85,177)
```

Shade Color Variation

#425dbf
```
#425dbf rgb(66,93,191)
```
#5069c4
```
#5069c4 rgb(80,105,196)
```
#5f76c9
```
#5f76c9 rgb(95,118,201)
```
#6e83ce
```
#6e83ce rgb(110,131,206)
```
#7c8fd3
```
#7c8fd3 rgb(124,143,211)
```
#8b9cd8
```
#8b9cd8 rgb(139,156,216)
```
#9aa8dd
```
#9aa8dd rgb(154,168,221)
```
#a8b5e2
```
#a8b5e2 rgb(168,181,226)
```
#b7c1e7
```
#b7c1e7 rgb(183,193,231)
```
#c6ceec
```
#c6ceec rgb(198,206,236)
```
#d4daf1
```
#d4daf1 rgb(212,218,241)
```
#e3e7f6
```
#e3e7f6 rgb(227,231,246)
```
#f2f4fa
```
#f2f4fa rgb(242,244,250)
```

Tint Color Variation

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

#909298
```
#909298 rgb(144,146,152)
```
#888da0
```
#888da0 rgb(136,141,160)
```
#8089a8
```
#8089a8 rgb(128,137,168)
```
#7884b0
```
#7884b0 rgb(120,132,176)
```
#6f7fb9
```
#6f7fb9 rgb(111,127,185)
```
#677bc1
```
#677bc1 rgb(103,123,193)
```
#5f76c9
```
#5f76c9 rgb(95,118,201)
```
#5771d1
```
#5771d1 rgb(87,113,209)
```
#4f6dd9
```
#4f6dd9 rgb(79,109,217)
```
#4668e2
```
#4668e2 rgb(70,104,226)
```
#3e63ea
```
#3e63ea rgb(62,99,234)
```
#365ff2
```
#365ff2 rgb(54,95,242)
```
#2e5afa
```
#2e5afa rgb(46,90,250)
```

Tone Color Variation

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

Dichromacy

#5e7ecd Protanopia 1% of men
#4f81c9 Deuteranopia 1% of men
#4e8a94 Tritanopia 0.001% of the population

Trichromacy

#5e7bcb Protanomaly 1% of men, 0.01% of women
#557dc9 Deuteranomaly 6% of men, 0.4% of women
#5482a7 Tritanomaly 0.01% of the population

#5f76c9 hex color

#5f76c9 Color Information

#5f76c9 Color Conversion

Color Schemes with #5f76c9

Alternatives to #5f76c9

#5f76c9 Preview

Shades and Tints of #5f76c9

Tones of #5f76c9

Color Blindness Simulator