colorhexa.com

#5f73d3 hex color

In a RGB color space, hex #5f73d3 is composed of 37.3% red, 45.1% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 45.5% magenta, 0% yellow and 17.3% black. It has a hue angle of 229.7 degrees, a saturation of 56.9% and a lightness of 60%. #5f73d3 color hex could be obtained by blending #bee6ff with #0000a7. Closest websafe color is: #6666cc.

- R 37
- G 45
- B 83
RGB color chart
- C 55
- M 45
- Y 0
- K 17
CMYK color chart

● #5f73d3 color description : Moderate blue.

The hexadecimal color #5f73d3 has RGB values of R:95, G:115, B:211 and CMYK values of C:0.55, M:0.45, Y:0, K:0.17. Its decimal value is 6255571.

Hex triplet	5f73d3	`#5f73d3`
RGB Decimal	95, 115, 211	`rgb(95,115,211)`
RGB Percent	37.3, 45.1, 82.7	`rgb(37.3%,45.1%,82.7%)`
CMYK	55, 45, 0, 17
HSL	229.7°, 56.9, 60	`hsl(229.7,56.9%,60%)`
HSV (or HSB)	229.7°, 55, 82.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.148, 20.355, -51.916
XYZ	22.605, 19.396, 64.177
xyY	0.213, 0.183, 19.396
CIE-LCH	51.148, 55.764, 291.409
CIE-LUV	51.148, -12.747, -82.049
Hunter-Lab	44.041, 14.548, -55.568
Binary	01011111, 01110011, 11010011

#5f73d3
```
#5f73d3 rgb(95,115,211)
```
#d3bf5f
```
#d3bf5f rgb(211,191,95)
```

Complementary Color

#5fadd3
```
#5fadd3 rgb(95,173,211)
```
#5f73d3
```
#5f73d3 rgb(95,115,211)
```
#855fd3
```
#855fd3 rgb(133,95,211)
```

Analogous Color

#add35f
```
#add35f rgb(173,211,95)
```
#5f73d3
```
#5f73d3 rgb(95,115,211)
```
#d3855f
```
#d3855f rgb(211,133,95)
```

Split Complementary Color

#73d35f
```
#73d35f rgb(115,211,95)
```
#5f73d3
```
#5f73d3 rgb(95,115,211)
```
#d35f73
```
#d35f73 rgb(211,95,115)
```

Triadic Color

#5fd3bf
```
#5fd3bf rgb(95,211,191)
```
#5f73d3
```
#5f73d3 rgb(95,115,211)
```
#d35f73
```
#d35f73 rgb(211,95,115)
```
#d3bf5f
```
#d3bf5f rgb(211,191,95)
```

Tetradic Color

#3248b4
```
#3248b4 rgb(50,72,180)
```
#3750c8
```
#3750c8 rgb(55,80,200)
```
#4b62ce
```
#4b62ce rgb(75,98,206)
```
#5f73d3
```
#5f73d3 rgb(95,115,211)
```
#7385d9
```
#7385d9 rgb(115,133,217)
```
#8796de
```
#8796de rgb(135,150,222)
```
#9ba8e4
```
#9ba8e4 rgb(155,168,228)
```

Monochromatic Color

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

#5f90d3
```
#5f90d3 rgb(95,144,211)
```
#5f86d3
```
#5f86d3 rgb(95,134,211)
```
#5f7dd3
```
#5f7dd3 rgb(95,125,211)
```
#5f73d3
```
#5f73d3 rgb(95,115,211)
```
#5f69d3
```
#5f69d3 rgb(95,105,211)
```
#5f60d3
```
#5f60d3 rgb(95,96,211)
```
#685fd3
```
#685fd3 rgb(104,95,211)
```

Similar Colors

Text with hexadecimal color #5f73d3

This text has a font color of #5f73d3.

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

#5f73d3 background color

This paragraph has a background color of #5f73d3.

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

#5f73d3 border color

This element has a border color of #5f73d3.

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

CSS codes

.text {color:#5f73d3;}

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

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

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

#030409
```
#030409 rgb(3,4,9)
```
#070a19
```
#070a19 rgb(7,10,25)
```
#0b1028
```
#0b1028 rgb(11,16,40)
```
#0f1637
```
#0f1637 rgb(15,22,55)
```
#131c47
```
#131c47 rgb(19,28,71)
```
#182256
```
#182256 rgb(24,34,86)
```
#1c2966
```
#1c2966 rgb(28,41,102)
```
#202f75
```
#202f75 rgb(32,47,117)
```
#243584
```
#243584 rgb(36,53,132)
```
#293b94
```
#293b94 rgb(41,59,148)
```
#2d41a3
```
#2d41a3 rgb(45,65,163)
```
#3147b2
```
#3147b2 rgb(49,71,178)
```
#354ec2
```
#354ec2 rgb(53,78,194)
```

Shade Color Variation

#4058cb
```
#4058cb rgb(64,88,203)
```
#5066cf
```
#5066cf rgb(80,102,207)
```
#5f73d3
```
#5f73d3 rgb(95,115,211)
```
#6e80d7
```
#6e80d7 rgb(110,128,215)
```
#7e8edb
```
#7e8edb rgb(126,142,219)
```
#8d9be0
```
#8d9be0 rgb(141,155,224)
```
#9da9e4
```
#9da9e4 rgb(157,169,228)
```
#acb6e8
```
#acb6e8 rgb(172,182,232)
```
#bbc4ec
```
#bbc4ec rgb(187,196,236)
```
#cbd1f1
```
#cbd1f1 rgb(203,209,241)
```
#dadff5
```
#dadff5 rgb(218,223,245)
```
#e9ecf9
```
#e9ecf9 rgb(233,236,249)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#96979c
```
#96979c rgb(150,151,156)
```
#8e92a4
```
#8e92a4 rgb(142,146,164)
```
#868dac
```
#868dac rgb(134,141,172)
```
#7e88b4
```
#7e88b4 rgb(126,136,180)
```
#7782bb
```
#7782bb rgb(119,130,187)
```
#6f7dc3
```
#6f7dc3 rgb(111,125,195)
```
#6778cb
```
#6778cb rgb(103,120,203)
```
#5f73d3
```
#5f73d3 rgb(95,115,211)
```
#576edb
```
#576edb rgb(87,110,219)
```
#4f69e3
```
#4f69e3 rgb(79,105,227)
```
#4764eb
```
#4764eb rgb(71,100,235)
```
#405ef2
```
#405ef2 rgb(64,94,242)
```
#3859fa
```
#3859fa rgb(56,89,250)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#73778a Atypical Achromatopsia 0.001% of the population

Dichromacy

#527dd8 Protanopia 1% of men
#3b82d2 Deuteranopia 1% of men
#478a94 Tritanopia 0.001% of the population

Trichromacy

#5679d6 Protanomaly 1% of men, 0.01% of women
#487cd2 Deuteranomaly 6% of men, 0.4% of women
#5081ab Tritanomaly 0.01% of the population