#5f7ad4 hex color

In a RGB color space, hex #5f7ad4 is composed of 37.3% red, 47.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 55.2% cyan, 42.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 226.2 degrees, a saturation of 57.6% and a lightness of 60.2%. #5f7ad4 color hex could be obtained by blending #bef4ff with #0000a9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 48
- B 83
RGB color chart
- C 55
- M 42
- Y 0
- K 17
CMYK color chart

● #5f7ad4 color description : Moderate blue.

The hexadecimal color #5f7ad4 has RGB values of R:95, G:122, B:212 and CMYK values of C:0.55, M:0.42, Y:0, K:0.17. Its decimal value is 6257364.

Hex triplet	5f7ad4	`#5f7ad4`
RGB Decimal	95, 122, 212	`rgb(95,122,212)`
RGB Percent	37.3, 47.8, 83.1	`rgb(37.3%,47.8%,83.1%)`
CMYK	55, 42, 0, 17
HSL	226.2°, 57.6, 60.2	`hsl(226.2,57.6%,60.2%)`
HSV (or HSB)	226.2°, 55.2, 83.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.063, 16.399, -49.427
XYZ	23.56, 21.104, 65.116
xyY	0.215, 0.192, 21.104
CIE-LCH	53.063, 52.077, 288.355
CIE-LUV	53.063, -15.07, -78.38
Hunter-Lab	45.939, 11.15, -51.882
Binary	01011111, 01111010, 11010100

#5f7ad4
```
#5f7ad4 rgb(95,122,212)
```
#d4b95f
```
#d4b95f rgb(212,185,95)
```

Complementary Color

#5fb5d4
```
#5fb5d4 rgb(95,181,212)
```
#5f7ad4
```
#5f7ad4 rgb(95,122,212)
```
#7f5fd4
```
#7f5fd4 rgb(127,95,212)
```

Analogous Color

#b5d45f
```
#b5d45f rgb(181,212,95)
```
#5f7ad4
```
#5f7ad4 rgb(95,122,212)
```
#d47f5f
```
#d47f5f rgb(212,127,95)
```

Split Complementary Color

#7ad45f
```
#7ad45f rgb(122,212,95)
```
#5f7ad4
```
#5f7ad4 rgb(95,122,212)
```
#d45f7a
```
#d45f7a rgb(212,95,122)
```

Triadic Color

#5fd4b9
```
#5fd4b9 rgb(95,212,185)
```
#5f7ad4
```
#5f7ad4 rgb(95,122,212)
```
#d45f7a
```
#d45f7a rgb(212,95,122)
```
#d4b95f
```
#d4b95f rgb(212,185,95)
```

Tetradic Color

#314fb6
```
#314fb6 rgb(49,79,182)
```
#3759c9
```
#3759c9 rgb(55,89,201)
```
#4b69cf
```
#4b69cf rgb(75,105,207)
```
#5f7ad4
```
#5f7ad4 rgb(95,122,212)
```
#738bd9
```
#738bd9 rgb(115,139,217)
```
#879bdf
```
#879bdf rgb(135,155,223)
```
#9bace4
```
#9bace4 rgb(155,172,228)
```

Monochromatic Color

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

#5f97d4
```
#5f97d4 rgb(95,151,212)
```
#5f8ed4
```
#5f8ed4 rgb(95,142,212)
```
#5f84d4
```
#5f84d4 rgb(95,132,212)
```
#5f7ad4
```
#5f7ad4 rgb(95,122,212)
```
#5f70d4
```
#5f70d4 rgb(95,112,212)
```
#5f67d4
```
#5f67d4 rgb(95,103,212)
```
#615fd4
```
#615fd4 rgb(97,95,212)
```

Similar Colors

Text with hexadecimal color #5f7ad4

This text has a font color of #5f7ad4.

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

#5f7ad4 background color

This paragraph has a background color of #5f7ad4.

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

#5f7ad4 border color

This element has a border color of #5f7ad4.

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

CSS codes

.text {color:#5f7ad4;}

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

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

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

#03040a
```
#03040a rgb(3,4,10)
```
#070b1a
```
#070b1a rgb(7,11,26)
```
#0b1229
```
#0b1229 rgb(11,18,41)
```
#0f1938
```
#0f1938 rgb(15,25,56)
```
#131f48
```
#131f48 rgb(19,31,72)
```
#172657
```
#172657 rgb(23,38,87)
```
#1c2d67
```
#1c2d67 rgb(28,45,103)
```
#203476
```
#203476 rgb(32,52,118)
```
#243b86
```
#243b86 rgb(36,59,134)
```
#284195
```
#284195 rgb(40,65,149)
```
#2c48a5
```
#2c48a5 rgb(44,72,165)
```
#304fb4
```
#304fb4 rgb(48,79,180)
```
#3556c4
```
#3556c4 rgb(53,86,196)
```

Shade Color Variation

#4060cc
```
#4060cc rgb(64,96,204)
```
#506dd0
```
#506dd0 rgb(80,109,208)
```
#5f7ad4
```
#5f7ad4 rgb(95,122,212)
```
#6e87d8
```
#6e87d8 rgb(110,135,216)
```
#7e94dc
```
#7e94dc rgb(126,148,220)
```
#8da1e0
```
#8da1e0 rgb(141,161,224)
```
#9dade5
```
#9dade5 rgb(157,173,229)
```
#acbae9
```
#acbae9 rgb(172,186,233)
```
#bcc7ed
```
#bcc7ed rgb(188,199,237)
```
#cbd4f1
```
#cbd4f1 rgb(203,212,241)
```
#dbe1f5
```
#dbe1f5 rgb(219,225,245)
```
#eaeef9
```
#eaeef9 rgb(234,238,249)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96979d is the less saturated color, while #3865fb is the most saturated one.

#96979d
```
#96979d rgb(150,151,157)
```
#8e93a5
```
#8e93a5 rgb(142,147,165)
```
#868fad
```
#868fad rgb(134,143,173)
```
#7e8bb5
```
#7e8bb5 rgb(126,139,181)
```
#7687bd
```
#7687bd rgb(118,135,189)
```
#6f82c4
```
#6f82c4 rgb(111,130,196)
```
#677ecc
```
#677ecc rgb(103,126,204)
```
#5f7ad4
```
#5f7ad4 rgb(95,122,212)
```
#5776dc
```
#5776dc rgb(87,118,220)
```
#4f72e4
```
#4f72e4 rgb(79,114,228)
```
#486deb
```
#486deb rgb(72,109,235)
```
#4069f3
```
#4069f3 rgb(64,105,243)
```
#3865fb
```
#3865fb rgb(56,101,251)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#767c8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d82d7 Protanopia 1% of men
#4a86d4 Deuteranopia 1% of men
#498f99 Tritanopia 0.001% of the population

Trichromacy

#5e7fd6 Protanomaly 1% of men, 0.01% of women
#5281d4 Deuteranomaly 6% of men, 0.4% of women
#5187ae Tritanomaly 0.01% of the population

#5f7ad4 hex color

#5f7ad4 Color Information

#5f7ad4 Color Conversion

Color Schemes with #5f7ad4

Alternatives to #5f7ad4

#5f7ad4 Preview

Shades and Tints of #5f7ad4

Tones of #5f7ad4

Color Blindness Simulator