colorhexa.com

#5f62dd hex color

In a RGB color space, hex #5f62dd is composed of 37.3% red, 38.4% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 55.7% magenta, 0% yellow and 13.3% black. It has a hue angle of 238.6 degrees, a saturation of 64.9% and a lightness of 62%. #5f62dd color hex could be obtained by blending #bec4ff with #0000bb. Closest websafe color is: #6666cc.

- R 37
- G 38
- B 87
RGB color chart
- C 57
- M 56
- Y 0
- K 13
CMYK color chart

● #5f62dd color description : Soft blue.

The hexadecimal color #5f62dd has RGB values of R:95, G:98, B:221 and CMYK values of C:0.57, M:0.56, Y:0, K:0.13. Its decimal value is 6251229.

Hex triplet	5f62dd	`#5f62dd`
RGB Decimal	95, 98, 221	`rgb(95,98,221)`
RGB Percent	37.3, 38.4, 86.7	`rgb(37.3%,38.4%,86.7%)`
CMYK	57, 56, 0, 13
HSL	238.6°, 64.9, 62	`hsl(238.6,64.9%,62%)`
HSV (or HSB)	238.6°, 57, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.479, 34.007, -63.495
XYZ	22.136, 16.388, 70.399
xyY	0.203, 0.15, 16.388
CIE-LCH	47.479, 72.028, 298.173
CIE-LUV	47.479, -8.055, -99.078
Hunter-Lab	40.482, 26.761, -74.77
Binary	01011111, 01100010, 11011101

#5f62dd
```
#5f62dd rgb(95,98,221)
```
#ddda5f
```
#ddda5f rgb(221,218,95)
```

Complementary Color

#5fa1dd
```
#5fa1dd rgb(95,161,221)
```
#5f62dd
```
#5f62dd rgb(95,98,221)
```
#9b5fdd
```
#9b5fdd rgb(155,95,221)
```

Analogous Color

#a1dd5f
```
#a1dd5f rgb(161,221,95)
```
#5f62dd
```
#5f62dd rgb(95,98,221)
```
#dd9b5f
```
#dd9b5f rgb(221,155,95)
```

Split Complementary Color

#62dd5f
```
#62dd5f rgb(98,221,95)
```
#5f62dd
```
#5f62dd rgb(95,98,221)
```
#dd5f62
```
#dd5f62 rgb(221,95,98)
```

Triadic Color

#5fddda
```
#5fddda rgb(95,221,218)
```
#5f62dd
```
#5f62dd rgb(95,98,221)
```
#dd5f62
```
#dd5f62 rgb(221,95,98)
```
#ddda5f
```
#ddda5f rgb(221,218,95)
```

Tetradic Color

#2a2ec6
```
#2a2ec6 rgb(42,46,198)
```
#3539d4
```
#3539d4 rgb(53,57,212)
```
#4a4dd9
```
#4a4dd9 rgb(74,77,217)
```
#5f62dd
```
#5f62dd rgb(95,98,221)
```
#7477e1
```
#7477e1 rgb(116,119,225)
```
#898be6
```
#898be6 rgb(137,139,230)
```
#9ea0ea
```
#9ea0ea rgb(158,160,234)
```

Monochromatic Color

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

#5f82dd
```
#5f82dd rgb(95,130,221)
```
#5f77dd
```
#5f77dd rgb(95,119,221)
```
#5f6ddd
```
#5f6ddd rgb(95,109,221)
```
#5f62dd
```
#5f62dd rgb(95,98,221)
```
#675fdd
```
#675fdd rgb(103,95,221)
```
#715fdd
```
#715fdd rgb(113,95,221)
```
#7c5fdd
```
#7c5fdd rgb(124,95,221)
```

Similar Colors

Text with hexadecimal color #5f62dd

This text has a font color of #5f62dd.

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

#5f62dd background color

This paragraph has a background color of #5f62dd.

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

#5f62dd border color

This element has a border color of #5f62dd.

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

CSS codes

.text {color:#5f62dd;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#040412
```
#040412 rgb(4,4,18)
```
#070822
```
#070822 rgb(7,8,34)
```
#0b0c32
```
#0b0c32 rgb(11,12,50)
```
#0e0f42
```
#0e0f42 rgb(14,15,66)
```
#121353
```
#121353 rgb(18,19,83)
```
#151763
```
#151763 rgb(21,23,99)
```
#181b73
```
#181b73 rgb(24,27,115)
```
#1c1e83
```
#1c1e83 rgb(28,30,131)
```
#1f2293
```
#1f2293 rgb(31,34,147)
```
#2326a4
```
#2326a4 rgb(35,38,164)
```
#262ab4
```
#262ab4 rgb(38,42,180)
```
#2a2dc4
```
#2a2dc4 rgb(42,45,196)
```

Shade Color Variation

#2e32d3
```
#2e32d3 rgb(46,50,211)
```
#3f42d6
```
#3f42d6 rgb(63,66,214)
```
#4f52da
```
#4f52da rgb(79,82,218)
```
#5f62dd
```
#5f62dd rgb(95,98,221)
```
#6f72e0
```
#6f72e0 rgb(111,114,224)
```
#7f82e4
```
#7f82e4 rgb(127,130,228)
```
#9092e7
```
#9092e7 rgb(144,146,231)
```
#a0a1eb
```
#a0a1eb rgb(160,161,235)
```
#b0b1ee
```
#b0b1ee rgb(176,177,238)
```
#c0c1f2
```
#c0c1f2 rgb(192,193,242)
```
#d0d1f5
```
#d0d1f5 rgb(208,209,245)
```
#e0e1f9
```
#e0e1f9 rgb(224,225,249)
```
#f1f1fc
```
#f1f1fc rgb(241,241,252)
```

Tint Color Variation

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

#9b9ba1
```
#9b9ba1 rgb(155,155,161)
```
#9394a9
```
#9394a9 rgb(147,148,169)
```
#8c8db0
```
#8c8db0 rgb(140,141,176)
```
#8486b8
```
#8486b8 rgb(132,134,184)
```
#7d7ebf
```
#7d7ebf rgb(125,126,191)
```
#7577c7
```
#7577c7 rgb(117,119,199)
```
#6e70ce
```
#6e70ce rgb(110,112,206)
```
#6669d6
```
#6669d6 rgb(102,105,214)
```
#5f62dd
```
#5f62dd rgb(95,98,221)
```
#585be4
```
#585be4 rgb(88,91,228)
```
#5054ec
```
#5054ec rgb(80,84,236)
```
#494df3
```
#494df3 rgb(73,77,243)
```
#4146fb
```
#4146fb rgb(65,70,251)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#6c6c85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e4 Protanopia 1% of men
#007ac9 Deuteranopia 1% of men
#39818b Tritanopia 0.001% of the population

Trichromacy

#226de1 Protanomaly 1% of men, 0.01% of women
#2271d0 Deuteranomaly 6% of men, 0.4% of women
#4776a8 Tritanomaly 0.01% of the population