#5f62b0 hex color

In a RGB color space, hex #5f62b0 is composed of 37.3% red, 38.4% green and 69% blue. Whereas in a CMYK color space, it is composed of 46% cyan, 44.3% magenta, 0% yellow and 31% black. It has a hue angle of 237.8 degrees, a saturation of 33.9% and a lightness of 53.1%. #5f62b0 color hex could be obtained by blending #bec4ff with #000061. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 37
- G 38
- B 69
RGB color chart
- C 46
- M 44
- Y 0
- K 31
CMYK color chart

● #5f62b0 color description : Dark moderate blue.

The hexadecimal color #5f62b0 has RGB values of R:95, G:98, B:176 and CMYK values of C:0.46, M:0.44, Y:0, K:0.31. Its decimal value is 6251184.

Hex triplet	5f62b0	`#5f62b0`
RGB Decimal	95, 98, 176	`rgb(95,98,176)`
RGB Percent	37.3, 38.4, 69	`rgb(37.3%,38.4%,69%)`
CMYK	46, 44, 0, 31
HSL	237.8°, 33.9, 53.1	`hsl(237.8,33.9%,53.1%)`
HSV (or HSB)	237.8°, 46, 69
Web Safe	666699	`#666699`

CIE-LAB	44.663, 19.801, -42.075
XYZ	16.922, 14.302, 42.941
xyY	0.228, 0.193, 14.302
CIE-LCH	44.663, 46.502, 295.202
CIE-LUV	44.663, -5.786, -64.481
Hunter-Lab	37.818, 13.688, -40.848
Binary	01011111, 01100010, 10110000

#5f62b0
```
#5f62b0 rgb(95,98,176)
```
#b0ad5f
```
#b0ad5f rgb(176,173,95)
```

Complementary Color

#5f8bb0
```
#5f8bb0 rgb(95,139,176)
```
#5f62b0
```
#5f62b0 rgb(95,98,176)
```
#855fb0
```
#855fb0 rgb(133,95,176)
```

Analogous Color

#8bb05f
```
#8bb05f rgb(139,176,95)
```
#5f62b0
```
#5f62b0 rgb(95,98,176)
```
#b0855f
```
#b0855f rgb(176,133,95)
```

Split Complementary Color

#62b05f
```
#62b05f rgb(98,176,95)
```
#5f62b0
```
#5f62b0 rgb(95,98,176)
```
#b05f62
```
#b05f62 rgb(176,95,98)
```

Triadic Color

#5fb0ad
```
#5fb0ad rgb(95,176,173)
```
#5f62b0
```
#5f62b0 rgb(95,98,176)
```
#b05f62
```
#b05f62 rgb(176,95,98)
```
#b0ad5f
```
#b0ad5f rgb(176,173,95)
```

Tetradic Color

#404382
```
#404382 rgb(64,67,130)
```
#494b93
```
#494b93 rgb(73,75,147)
```
#5154a4
```
#5154a4 rgb(81,84,164)
```
#5f62b0
```
#5f62b0 rgb(95,98,176)
```
#7073b8
```
#7073b8 rgb(112,115,184)
```
#8184c1
```
#8184c1 rgb(129,132,193)
```
#9294c9
```
#9294c9 rgb(146,148,201)
```

Monochromatic Color

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

#5f76b0
```
#5f76b0 rgb(95,118,176)
```
#5f70b0
```
#5f70b0 rgb(95,112,176)
```
#5f69b0
```
#5f69b0 rgb(95,105,176)
```
#5f62b0
```
#5f62b0 rgb(95,98,176)
```
#635fb0
```
#635fb0 rgb(99,95,176)
```
#6a5fb0
```
#6a5fb0 rgb(106,95,176)
```
#705fb0
```
#705fb0 rgb(112,95,176)
```

Similar Colors

Text with hexadecimal color #5f62b0

This text has a font color of #5f62b0.

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

#5f62b0 background color

This paragraph has a background color of #5f62b0.

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

#5f62b0 border color

This element has a border color of #5f62b0.

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

CSS codes

.text {color:#5f62b0;}

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

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

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, #05050b is the darkest color, while #fdfdfe is the lightest one.

#05050b
```
#05050b rgb(5,5,11)
```
#0c0c18
```
#0c0c18 rgb(12,12,24)
```
#121325
```
#121325 rgb(18,19,37)
```
#191a32
```
#191a32 rgb(25,26,50)
```
#1f203f
```
#1f203f rgb(31,32,63)
```
#26274c
```
#26274c rgb(38,39,76)
```
#2c2e5a
```
#2c2e5a rgb(44,46,90)
```
#333567
```
#333567 rgb(51,53,103)
```
#393b74
```
#393b74 rgb(57,59,116)
```
#404281
```
#404281 rgb(64,66,129)
```
#46498e
```
#46498e rgb(70,73,142)
```
#4d509b
```
#4d509b rgb(77,80,155)
```
#5356a8
```
#5356a8 rgb(83,86,168)
```

Shade Color Variation

#5f62b0
```
#5f62b0 rgb(95,98,176)
```
#6c6fb6
```
#6c6fb6 rgb(108,111,182)
```
#797cbd
```
#797cbd rgb(121,124,189)
```
#8689c3
```
#8689c3 rgb(134,137,195)
```
#9496ca
```
#9496ca rgb(148,150,202)
```
#a1a2d0
```
#a1a2d0 rgb(161,162,208)
```
#aeafd7
```
#aeafd7 rgb(174,175,215)
```
#bbbcdd
```
#bbbcdd rgb(187,188,221)
```
#c8c9e4
```
#c8c9e4 rgb(200,201,228)
```
#d5d6ea
```
#d5d6ea rgb(213,214,234)
```
#e2e3f1
```
#e2e3f1 rgb(226,227,241)
```
#eff0f7
```
#eff0f7 rgb(239,240,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84848b is the less saturated color, while #151efa is the most saturated one.

#84848b
```
#84848b rgb(132,132,139)
```
#7b7c94
```
#7b7c94 rgb(123,124,148)
```
#71739e
```
#71739e rgb(113,115,158)
```
#686ba7
```
#686ba7 rgb(104,107,167)
```
#5f62b0
```
#5f62b0 rgb(95,98,176)
```
#5659b9
```
#5659b9 rgb(86,89,185)
```
#4d51c2
```
#4d51c2 rgb(77,81,194)
```
#4348cc
```
#4348cc rgb(67,72,204)
```
#3a40d5
```
#3a40d5 rgb(58,64,213)
```
#3137de
```
#3137de rgb(49,55,222)
```
#282fe7
```
#282fe7 rgb(40,47,231)
```
#1f26f0
```
#1f26f0 rgb(31,38,240)
```
#151efa
```
#151efa rgb(21,30,250)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#686878 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e6fb8 Protanopia 1% of men
#4571b1 Deuteranopia 1% of men
#54767f Tritanopia 0.001% of the population

Trichromacy

#546ab5 Protanomaly 1% of men, 0.01% of women
#4e6cb0 Deuteranomaly 6% of men, 0.4% of women
#586f91 Tritanomaly 0.01% of the population

#5f62b0 hex color

#5f62b0 Color Information

#5f62b0 Color Conversion

Color Schemes with #5f62b0

Alternatives to #5f62b0

#5f62b0 Preview

Shades and Tints of #5f62b0

Tones of #5f62b0

Color Blindness Simulator