colorhexa.com

#5f96c2 hex color

In a RGB color space, hex #5f96c2 is composed of 37.3% red, 58.8% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 22.7% magenta, 0% yellow and 23.9% black. It has a hue angle of 206.7 degrees, a saturation of 44.8% and a lightness of 56.7%. #5f96c2 color hex could be obtained by blending #beffff with #002d85. Closest websafe color is: #6699cc.

- R 37
- G 59
- B 76
RGB color chart
- C 51
- M 23
- Y 0
- K 24
CMYK color chart

● #5f96c2 color description : Moderate blue.

The hexadecimal color #5f96c2 has RGB values of R:95, G:150, B:194 and CMYK values of C:0.51, M:0.23, Y:0, K:0.24. Its decimal value is 6264514.

Hex triplet	5f96c2	`#5f96c2`
RGB Decimal	95, 150, 194	`rgb(95,150,194)`
RGB Percent	37.3, 58.8, 76.1	`rgb(37.3%,58.8%,76.1%)`
CMYK	51, 23, 0, 24
HSL	206.7°, 44.8, 56.7	`hsl(206.7,44.8%,56.7%)`
HSV (or HSB)	206.7°, 51, 76.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.014, -5.754, -28.348
XYZ	25.361, 28.139, 55.131
xyY	0.233, 0.259, 28.139
CIE-LCH	60.014, 28.926, 258.526
CIE-LUV	60.014, -25.208, -42.983
Hunter-Lab	53.046, -7.492, -24.487
Binary	01011111, 10010110, 11000010

#5f96c2
```
#5f96c2 rgb(95,150,194)
```
#c28b5f
```
#c28b5f rgb(194,139,95)
```

Complementary Color

#5fc2bd
```
#5fc2bd rgb(95,194,189)
```
#5f96c2
```
#5f96c2 rgb(95,150,194)
```
#5f65c2
```
#5f65c2 rgb(95,101,194)
```

Analogous Color

#c2bd5f
```
#c2bd5f rgb(194,189,95)
```
#5f96c2
```
#5f96c2 rgb(95,150,194)
```
#c25f65
```
#c25f65 rgb(194,95,101)
```

Split Complementary Color

#96c25f
```
#96c25f rgb(150,194,95)
```
#5f96c2
```
#5f96c2 rgb(95,150,194)
```
#c25f96
```
#c25f96 rgb(194,95,150)
```

Triadic Color

#5fc28b
```
#5fc28b rgb(95,194,139)
```
#5f96c2
```
#5f96c2 rgb(95,150,194)
```
#c25f96
```
#c25f96 rgb(194,95,150)
```
#c28b5f
```
#c28b5f rgb(194,139,95)
```

Tetradic Color

#3b709a
```
#3b709a rgb(59,112,154)
```
#427dac
```
#427dac rgb(66,125,172)
```
#4d8abb
```
#4d8abb rgb(77,138,187)
```
#5f96c2
```
#5f96c2 rgb(95,150,194)
```
#71a2c9
```
#71a2c9 rgb(113,162,201)
```
#84aed0
```
#84aed0 rgb(132,174,208)
```
#96bad7
```
#96bad7 rgb(150,186,215)
```

Monochromatic Color

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

#5fafc2
```
#5fafc2 rgb(95,175,194)
```
#5fa7c2
```
#5fa7c2 rgb(95,167,194)
```
#5f9ec2
```
#5f9ec2 rgb(95,158,194)
```
#5f96c2
```
#5f96c2 rgb(95,150,194)
```
#5f8ec2
```
#5f8ec2 rgb(95,142,194)
```
#5f86c2
```
#5f86c2 rgb(95,134,194)
```
#5f7dc2
```
#5f7dc2 rgb(95,125,194)
```

Similar Colors

Text with hexadecimal color #5f96c2

This text has a font color of #5f96c2.

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

#5f96c2 background color

This paragraph has a background color of #5f96c2.

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

#5f96c2 border color

This element has a border color of #5f96c2.

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

CSS codes

.text {color:#5f96c2;}

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

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

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, #04080a is the darkest color, while #fbfdfe is the lightest one.

#04080a
```
#04080a rgb(4,8,10)
```
#091219
```
#091219 rgb(9,18,25)
```
#0f1c27
```
#0f1c27 rgb(15,28,39)
```
#142635
```
#142635 rgb(20,38,53)
```
#1a3143
```
#1a3143 rgb(26,49,67)
```
#1f3b51
```
#1f3b51 rgb(31,59,81)
```
#244560
```
#244560 rgb(36,69,96)
```
#2a506e
```
#2a506e rgb(42,80,110)
```
#2f5a7c
```
#2f5a7c rgb(47,90,124)
```
#35648a
```
#35648a rgb(53,100,138)
```
#3a6f98
```
#3a6f98 rgb(58,111,152)
```
#4079a7
```
#4079a7 rgb(64,121,167)
```
#4583b5
```
#4583b5 rgb(69,131,181)
```

Shade Color Variation

#518dbd
```
#518dbd rgb(81,141,189)
```
#5f96c2
```
#5f96c2 rgb(95,150,194)
```
#6d9fc7
```
#6d9fc7 rgb(109,159,199)
```
#7ba9cd
```
#7ba9cd rgb(123,169,205)
```
#8ab2d2
```
#8ab2d2 rgb(138,178,210)
```
#98bbd8
```
#98bbd8 rgb(152,187,216)
```
#a6c5dd
```
#a6c5dd rgb(166,197,221)
```
#b4cee2
```
#b4cee2 rgb(180,206,226)
```
#c2d7e8
```
#c2d7e8 rgb(194,215,232)
```
#d1e1ed
```
#d1e1ed rgb(209,225,237)
```
#dfeaf3
```
#dfeaf3 rgb(223,234,243)
```
#edf3f8
```
#edf3f8 rgb(237,243,248)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#8a9198
```
#8a9198 rgb(138,145,152)
```
#8192a0
```
#8192a0 rgb(129,146,160)
```
#7993a9
```
#7993a9 rgb(121,147,169)
```
#7094b1
```
#7094b1 rgb(112,148,177)
```
#6895ba
```
#6895ba rgb(104,149,186)
```
#5f96c2
```
#5f96c2 rgb(95,150,194)
```
#5797cb
```
#5797cb rgb(87,151,203)
```
#4e98d3
```
#4e98d3 rgb(78,152,211)
```
#4699dc
```
#4699dc rgb(70,153,220)
```
#3d9ae4
```
#3d9ae4 rgb(61,154,228)
```
#359bed
```
#359bed rgb(53,155,237)
```
#2c9cf5
```
#2c9cf5 rgb(44,156,245)
```
#249dfe
```
#249dfe rgb(36,157,254)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#828d96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8994c0 Protanopia 1% of men
#8694c7 Deuteranopia 1% of men
#5ca0ab Tritanopia 0.001% of the population

Trichromacy

#7a95c1 Protanomaly 1% of men, 0.01% of women
#7795c5 Deuteranomaly 6% of men, 0.4% of women
#5d9cb3 Tritanomaly 0.01% of the population