#5f72fd hex color

In a RGB color space, hex #5f72fd is composed of 37.3% red, 44.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 54.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 232.8 degrees, a saturation of 97.5% and a lightness of 68.2%. #5f72fd color hex could be obtained by blending #bee4ff with #0000fb. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 37
- G 45
- B 99
RGB color chart
- C 62
- M 55
- Y 0
- K 1
CMYK color chart

● #5f72fd color description : Soft blue.

The hexadecimal color #5f72fd has RGB values of R:95, G:114, B:253 and CMYK values of C:0.62, M:0.55, Y:0, K:0.01. Its decimal value is 6255357.

Hex triplet	5f72fd	`#5f72fd`
RGB Decimal	95, 114, 253	`rgb(95,114,253)`
RGB Percent	37.3, 44.7, 99.2	`rgb(37.3%,44.7%,99.2%)`
CMYK	62, 55, 0, 1
HSL	232.8°, 97.5, 68.2	`hsl(232.8,97.5%,68.2%)`
HSV (or HSB)	232.8°, 62.5, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.555, 34.71, -71.58
XYZ	28.463, 21.558, 95.584
xyY	0.195, 0.148, 21.558
CIE-LCH	53.555, 79.551, 295.869
CIE-LUV	53.555, -13.614, -114.531
Hunter-Lab	46.43, 28.17, -89.556
Binary	01011111, 01110010, 11111101

#5f72fd
```
#5f72fd rgb(95,114,253)
```
#fdea5f
```
#fdea5f rgb(253,234,95)
```

Complementary Color

#5fc1fd
```
#5fc1fd rgb(95,193,253)
```
#5f72fd
```
#5f72fd rgb(95,114,253)
```
#9b5ffd
```
#9b5ffd rgb(155,95,253)
```

Analogous Color

#c1fd5f
```
#c1fd5f rgb(193,253,95)
```
#5f72fd
```
#5f72fd rgb(95,114,253)
```
#fd9b5f
```
#fd9b5f rgb(253,155,95)
```

Split Complementary Color

#72fd5f
```
#72fd5f rgb(114,253,95)
```
#5f72fd
```
#5f72fd rgb(95,114,253)
```
#fd5f72
```
#fd5f72 rgb(253,95,114)
```

Triadic Color

#5ffdea
```
#5ffdea rgb(95,253,234)
```
#5f72fd
```
#5f72fd rgb(95,114,253)
```
#fd5f72
```
#fd5f72 rgb(253,95,114)
```
#fdea5f
```
#fdea5f rgb(253,234,95)
```

Tetradic Color

#132ffc
```
#132ffc rgb(19,47,252)
```
#2d46fc
```
#2d46fc rgb(45,70,252)
```
#465cfd
```
#465cfd rgb(70,92,253)
```
#5f72fd
```
#5f72fd rgb(95,114,253)
```
#7888fd
```
#7888fd rgb(120,136,253)
```
#919efe
```
#919efe rgb(145,158,254)
```
#abb5fe
```
#abb5fe rgb(171,181,254)
```

Monochromatic Color

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

#5f9afd
```
#5f9afd rgb(95,154,253)
```
#5f8cfd
```
#5f8cfd rgb(95,140,253)
```
#5f7ffd
```
#5f7ffd rgb(95,127,253)
```
#5f72fd
```
#5f72fd rgb(95,114,253)
```
#5f65fd
```
#5f65fd rgb(95,101,253)
```
#665ffd
```
#665ffd rgb(102,95,253)
```
#745ffd
```
#745ffd rgb(116,95,253)
```

Similar Colors

Text with hexadecimal color #5f72fd

This text has a font color of #5f72fd.

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

#5f72fd background color

This paragraph has a background color of #5f72fd.

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

#5f72fd border color

This element has a border color of #5f72fd.

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

CSS codes

.text {color:#5f72fd;}

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

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

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, #00020e is the darkest color, while #fafbff is the lightest one.

#00020e
```
#00020e rgb(0,2,14)
```
#000422
```
#000422 rgb(0,4,34)
```
#010735
```
#010735 rgb(1,7,53)
```
#010a48
```
#010a48 rgb(1,10,72)
```
#010c5c
```
#010c5c rgb(1,12,92)
```
#010f6f
```
#010f6f rgb(1,15,111)
```
#021183
```
#021183 rgb(2,17,131)
```
#021496
```
#021496 rgb(2,20,150)
```
#0216a9
```
#0216a9 rgb(2,22,169)
```
#0219bd
```
#0219bd rgb(2,25,189)
```
#031bd0
```
#031bd0 rgb(3,27,208)
```
#031ee3
```
#031ee3 rgb(3,30,227)
```
#0320f7
```
#0320f7 rgb(3,32,247)
```

Shade Color Variation

#122efc
```
#122efc rgb(18,46,252)
```
#253ffc
```
#253ffc rgb(37,63,252)
```
#3850fd
```
#3850fd rgb(56,80,253)
```
#4c61fd
```
#4c61fd rgb(76,97,253)
```
#5f72fd
```
#5f72fd rgb(95,114,253)
```
#7283fd
```
#7283fd rgb(114,131,253)
```
#8694fd
```
#8694fd rgb(134,148,253)
```
#99a5fe
```
#99a5fe rgb(153,165,254)
```
#acb6fe
```
#acb6fe rgb(172,182,254)
```
#c0c7fe
```
#c0c7fe rgb(192,199,254)
```
#d3d8fe
```
#d3d8fe rgb(211,216,254)
```
#e7eaff
```
#e7eaff rgb(231,234,255)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#aaabb2
```
#aaabb2 rgb(170,171,178)
```
#a4a6b8
```
#a4a6b8 rgb(164,166,184)
```
#9da1bf
```
#9da1bf rgb(157,161,191)
```
#979dc5
```
#979dc5 rgb(151,157,197)
```
#9198cb
```
#9198cb rgb(145,152,203)
```
#8b93d1
```
#8b93d1 rgb(139,147,209)
```
#848ed8
```
#848ed8 rgb(132,142,216)
```
#7e8ade
```
#7e8ade rgb(126,138,222)
```
#7885e4
```
#7885e4 rgb(120,133,228)
```
#7280ea
```
#7280ea rgb(114,128,234)
```
#6b7bf1
```
#6b7bf1 rgb(107,123,241)
```
#6577f7
```
#6577f7 rgb(101,119,247)
```
#5f72fd
```
#5f72fd rgb(95,114,253)
```

Tone Color Variation

Below, you can see how #5f72fd 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
#767a96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1382ff Protanopia 1% of men
#0089e1 Deuteranopia 1% of men
#00939e Tritanopia 0.001% of the population

Trichromacy

#2f7cfe Protanomaly 1% of men, 0.01% of women
#2280eb Deuteranomaly 6% of men, 0.4% of women
#2287c0 Tritanomaly 0.01% of the population

#5f72fd hex color

#5f72fd Color Information

#5f72fd Color Conversion

Color Schemes with #5f72fd

Alternatives to #5f72fd

#5f72fd Preview

Shades and Tints of #5f72fd

Tones of #5f72fd

Color Blindness Simulator