#5f7da8 hex color

In a RGB color space, hex #5f7da8 is composed of 37.3% red, 49% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 43.5% cyan, 25.6% magenta, 0% yellow and 34.1% black. It has a hue angle of 215.3 degrees, a saturation of 29.6% and a lightness of 51.6%. #5f7da8 color hex could be obtained by blending #befaff with #000051. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 37
- G 49
- B 66
RGB color chart
- C 43
- M 26
- Y 0
- K 34
CMYK color chart

● #5f7da8 color description : Mostly desaturated dark blue.

The hexadecimal color #5f7da8 has RGB values of R:95, G:125, B:168 and CMYK values of C:0.43, M:0.26, Y:0, K:0.34. Its decimal value is 6258088.

Hex triplet	5f7da8	`#5f7da8`
RGB Decimal	95, 125, 168	`rgb(95,125,168)`
RGB Percent	37.3, 49, 65.9	`rgb(37.3%,49%,65.9%)`
CMYK	43, 26, 0, 34
HSL	215.3°, 29.6, 51.6	`hsl(215.3,29.6%,51.6%)`
HSV (or HSB)	215.3°, 43.5, 65.9
Web Safe	666699	`#666699`

CIE-LAB	51.754, 0.921, -26.282
XYZ	19.119, 19.926, 39.882
xyY	0.242, 0.252, 19.926
CIE-LCH	51.754, 26.298, 272.007
CIE-LUV	51.754, -15.542, -39.408
Hunter-Lab	44.639, -1.666, -21.725
Binary	01011111, 01111101, 10101000

#5f7da8
```
#5f7da8 rgb(95,125,168)
```
#a88a5f
```
#a88a5f rgb(168,138,95)
```

Complementary Color

#5fa2a8
```
#5fa2a8 rgb(95,162,168)
```
#5f7da8
```
#5f7da8 rgb(95,125,168)
```
#665fa8
```
#665fa8 rgb(102,95,168)
```

Analogous Color

#a2a85f
```
#a2a85f rgb(162,168,95)
```
#5f7da8
```
#5f7da8 rgb(95,125,168)
```
#a8665f
```
#a8665f rgb(168,102,95)
```

Split Complementary Color

#7da85f
```
#7da85f rgb(125,168,95)
```
#5f7da8
```
#5f7da8 rgb(95,125,168)
```
#a85f7d
```
#a85f7d rgb(168,95,125)
```

Triadic Color

#5fa88a
```
#5fa88a rgb(95,168,138)
```
#5f7da8
```
#5f7da8 rgb(95,125,168)
```
#a85f7d
```
#a85f7d rgb(168,95,125)
```
#a88a5f
```
#a88a5f rgb(168,138,95)
```

Tetradic Color

#425879
```
#425879 rgb(66,88,121)
```
#4b6489
```
#4b6489 rgb(75,100,137)
```
#54719a
```
#54719a rgb(84,113,154)
```
#5f7da8
```
#5f7da8 rgb(95,125,168)
```
#708ab1
```
#708ab1 rgb(112,138,177)
```
#8098ba
```
#8098ba rgb(128,152,186)
```
#91a5c3
```
#91a5c3 rgb(145,165,195)
```

Monochromatic Color

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

#5f8fa8
```
#5f8fa8 rgb(95,143,168)
```
#5f89a8
```
#5f89a8 rgb(95,137,168)
```
#5f83a8
```
#5f83a8 rgb(95,131,168)
```
#5f7da8
```
#5f7da8 rgb(95,125,168)
```
#5f77a8
```
#5f77a8 rgb(95,119,168)
```
#5f71a8
```
#5f71a8 rgb(95,113,168)
```
#5f6ba8
```
#5f6ba8 rgb(95,107,168)
```

Similar Colors

Text with hexadecimal color #5f7da8

This text has a font color of #5f7da8.

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

#5f7da8 background color

This paragraph has a background color of #5f7da8.

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

#5f7da8 border color

This element has a border color of #5f7da8.

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

CSS codes

.text {color:#5f7da8;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0a0d12
```
#0a0d12 rgb(10,13,18)
```
#11161f
```
#11161f rgb(17,22,31)
```
#18202b
```
#18202b rgb(24,32,43)
```
#1e2938
```
#1e2938 rgb(30,41,56)
```
#253245
```
#253245 rgb(37,50,69)
```
#2c3c51
```
#2c3c51 rgb(44,60,81)
```
#33455e
```
#33455e rgb(51,69,94)
```
#3a4e6b
```
#3a4e6b rgb(58,78,107)
```
#415778
```
#415778 rgb(65,87,120)
```
#486184
```
#486184 rgb(72,97,132)
```
#4f6a91
```
#4f6a91 rgb(79,106,145)
```
#56739e
```
#56739e rgb(86,115,158)
```

Shade Color Variation

#5f7da8
```
#5f7da8 rgb(95,125,168)
```
#6c87af
```
#6c87af rgb(108,135,175)
```
#7892b6
```
#7892b6 rgb(120,146,182)
```
#859cbd
```
#859cbd rgb(133,156,189)
```
#92a6c4
```
#92a6c4 rgb(146,166,196)
```
#9fb1cb
```
#9fb1cb rgb(159,177,203)
```
#abbbd1
```
#abbbd1 rgb(171,187,209)
```
#b8c5d8
```
#b8c5d8 rgb(184,197,216)
```
#c5d0df
```
#c5d0df rgb(197,208,223)
```
#d1dae6
```
#d1dae6 rgb(209,218,230)
```
#dee4ed
```
#dee4ed rgb(222,228,237)
```
#ebeff4
```
#ebeff4 rgb(235,239,244)
```
#f7f9fb
```
#f7f9fb rgb(247,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c828c is the less saturated color, while #096efe is the most saturated one.

#7c828c
```
#7c828c rgb(124,130,140)
```
#728095
```
#728095 rgb(114,128,149)
```
#697f9f
```
#697f9f rgb(105,127,159)
```
#5f7da8
```
#5f7da8 rgb(95,125,168)
```
#567bb2
```
#567bb2 rgb(86,123,178)
```
#4c7abb
```
#4c7abb rgb(76,122,187)
```
#4378c5
```
#4378c5 rgb(67,120,197)
```
#3976ce
```
#3976ce rgb(57,118,206)
```
#3075d8
```
#3075d8 rgb(48,117,216)
```
#2673e1
```
#2673e1 rgb(38,115,225)
```
#1d71eb
```
#1d71eb rgb(29,113,235)
```
#136ff4
```
#136ff4 rgb(19,111,244)
```
#096efe
```
#096efe rgb(9,110,254)
```

Tone Color Variation

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

Dichromacy

#7580aa Protanopia 1% of men
#7380ad Deuteranopia 1% of men
#5e8892 Tritanopia 0.001% of the population

Trichromacy

#6d7fa9 Protanomaly 1% of men, 0.01% of women
#6c7fab Deuteranomaly 6% of men, 0.4% of women
#5e849a Tritanomaly 0.01% of the population

#5f7da8 hex color

#5f7da8 Color Information

#5f7da8 Color Conversion

Color Schemes with #5f7da8

Alternatives to #5f7da8

#5f7da8 Preview

Shades and Tints of #5f7da8

Tones of #5f7da8

Color Blindness Simulator