#5f7dca hex color

In a RGB color space, hex #5f7dca is composed of 37.3% red, 49% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 53% cyan, 38.1% magenta, 0% yellow and 20.8% black. It has a hue angle of 223.2 degrees, a saturation of 50.2% and a lightness of 58.2%. #5f7dca color hex could be obtained by blending #befaff with #000095. Closest websafe color is: #6666cc.

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

● #5f7dca color description : Moderate blue.

The hexadecimal color #5f7dca has RGB values of R:95, G:125, B:202 and CMYK values of C:0.53, M:0.38, Y:0, K:0.21. Its decimal value is 6258122.

Hex triplet	5f7dca	`#5f7dca`
RGB Decimal	95, 125, 202	`rgb(95,125,202)`
RGB Percent	37.3, 49, 79.2	`rgb(37.3%,49%,79.2%)`
CMYK	53, 38, 0, 21
HSL	223.2°, 50.2, 58.2	`hsl(223.2,50.2%,58.2%)`
HSV (or HSB)	223.2°, 53, 79.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.345, 11.368, -43.308
XYZ	22.711, 21.363, 58.801
xyY	0.221, 0.208, 21.363
CIE-LCH	53.345, 44.776, 284.708
CIE-LUV	53.345, -15.944, -68.152
Hunter-Lab	46.22, 6.824, -43.073
Binary	01011111, 01111101, 11001010

#5f7dca
```
#5f7dca rgb(95,125,202)
```
#caac5f
```
#caac5f rgb(202,172,95)
```

Complementary Color

#5fb3ca
```
#5fb3ca rgb(95,179,202)
```
#5f7dca
```
#5f7dca rgb(95,125,202)
```
#775fca
```
#775fca rgb(119,95,202)
```

Analogous Color

#b3ca5f
```
#b3ca5f rgb(179,202,95)
```
#5f7dca
```
#5f7dca rgb(95,125,202)
```
#ca775f
```
#ca775f rgb(202,119,95)
```

Split Complementary Color

#7dca5f
```
#7dca5f rgb(125,202,95)
```
#5f7dca
```
#5f7dca rgb(95,125,202)
```
#ca5f7d
```
#ca5f7d rgb(202,95,125)
```

Triadic Color

#5fcaac
```
#5fcaac rgb(95,202,172)
```
#5f7dca
```
#5f7dca rgb(95,125,202)
```
#ca5f7d
```
#ca5f7d rgb(202,95,125)
```
#caac5f
```
#caac5f rgb(202,172,95)
```

Tetradic Color

#3756a6
```
#3756a6 rgb(55,86,166)
```
#3d60b9
```
#3d60b9 rgb(61,96,185)
```
#4c6dc4
```
#4c6dc4 rgb(76,109,196)
```
#5f7dca
```
#5f7dca rgb(95,125,202)
```
#728dd0
```
#728dd0 rgb(114,141,208)
```
#859cd7
```
#859cd7 rgb(133,156,215)
```
#98acdd
```
#98acdd rgb(152,172,221)
```

Monochromatic Color

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

#5f98ca
```
#5f98ca rgb(95,152,202)
```
#5f8fca
```
#5f8fca rgb(95,143,202)
```
#5f86ca
```
#5f86ca rgb(95,134,202)
```
#5f7dca
```
#5f7dca rgb(95,125,202)
```
#5f74ca
```
#5f74ca rgb(95,116,202)
```
#5f6bca
```
#5f6bca rgb(95,107,202)
```
#5f62ca
```
#5f62ca rgb(95,98,202)
```

Similar Colors

Text with hexadecimal color #5f7dca

This text has a font color of #5f7dca.

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

#5f7dca background color

This paragraph has a background color of #5f7dca.

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

#5f7dca border color

This element has a border color of #5f7dca.

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

CSS codes

.text {color:#5f7dca;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060911
```
#060911 rgb(6,9,17)
```
#0a1020
```
#0a1020 rgb(10,16,32)
```
#0f182e
```
#0f182e rgb(15,24,46)
```
#14203d
```
#14203d rgb(20,32,61)
```
#19274c
```
#19274c rgb(25,39,76)
```
#1e2f5a
```
#1e2f5a rgb(30,47,90)
```
#233769
```
#233769 rgb(35,55,105)
```
#283e78
```
#283e78 rgb(40,62,120)
```
#2d4687
```
#2d4687 rgb(45,70,135)
```
#314e95
```
#314e95 rgb(49,78,149)
```
#3655a4
```
#3655a4 rgb(54,85,164)
```
#3b5db3
```
#3b5db3 rgb(59,93,179)
```

Shade Color Variation

#4265c0
```
#4265c0 rgb(66,101,192)
```
#5071c5
```
#5071c5 rgb(80,113,197)
```
#5f7dca
```
#5f7dca rgb(95,125,202)
```
#6e89cf
```
#6e89cf rgb(110,137,207)
```
#7c95d4
```
#7c95d4 rgb(124,149,212)
```
#8ba1d9
```
#8ba1d9 rgb(139,161,217)
```
#9aadde
```
#9aadde rgb(154,173,222)
```
#a9b9e2
```
#a9b9e2 rgb(169,185,226)
```
#b7c5e7
```
#b7c5e7 rgb(183,197,231)
```
#c6d1ec
```
#c6d1ec rgb(198,209,236)
```
#d5ddf1
```
#d5ddf1 rgb(213,221,241)
```
#e4e9f6
```
#e4e9f6 rgb(228,233,246)
```
#f2f5fb
```
#f2f5fb rgb(242,245,251)
```

Tint Color Variation

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

#909399
```
#909399 rgb(144,147,153)
```
#888fa1
```
#888fa1 rgb(136,143,161)
```
#808ba9
```
#808ba9 rgb(128,139,169)
```
#7888b1
```
#7888b1 rgb(120,136,177)
```
#6f84ba
```
#6f84ba rgb(111,132,186)
```
#6781c2
```
#6781c2 rgb(103,129,194)
```
#5f7dca
```
#5f7dca rgb(95,125,202)
```
#5779d2
```
#5779d2 rgb(87,121,210)
```
#4f76da
```
#4f76da rgb(79,118,218)
```
#4672e3
```
#4672e3 rgb(70,114,227)
```
#3e6feb
```
#3e6feb rgb(62,111,235)
```
#366bf3
```
#366bf3 rgb(54,107,243)
```
#2e67fb
```
#2e67fb rgb(46,103,251)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#777d8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6783cc Protanopia 1% of men
#5b86cb Deuteranopia 1% of men
#508f99 Tritanopia 0.001% of the population

Trichromacy

#6481cb Protanomaly 1% of men, 0.01% of women
#5c82cb Deuteranomaly 6% of men, 0.4% of women
#5588ab Tritanomaly 0.01% of the population

#5f7dca hex color

#5f7dca Color Information

#5f7dca Color Conversion

Color Schemes with #5f7dca

Alternatives to #5f7dca

#5f7dca Preview

Shades and Tints of #5f7dca

Tones of #5f7dca

Color Blindness Simulator