#5f55b9 hex color

In a RGB color space, hex #5f55b9 is composed of 37.3% red, 33.3% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 54.1% magenta, 0% yellow and 27.5% black. It has a hue angle of 246 degrees, a saturation of 41.7% and a lightness of 52.9%. #5f55b9 color hex could be obtained by blending #beaaff with #000073. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 33
- B 73
RGB color chart
- C 49
- M 54
- Y 0
- K 27
CMYK color chart

● #5f55b9 color description : Moderate blue.

The hexadecimal color #5f55b9 has RGB values of R:95, G:85, B:185 and CMYK values of C:0.49, M:0.54, Y:0, K:0.27. Its decimal value is 6247865.

Hex triplet	5f55b9	`#5f55b9`
RGB Decimal	95, 85, 185	`rgb(95,85,185)`
RGB Percent	37.3, 33.3, 72.5	`rgb(37.3%,33.3%,72.5%)`
CMYK	49, 54, 0, 27
HSL	246°, 41.7, 52.9	`hsl(246,41.7%,52.9%)`
HSV (or HSB)	246°, 54.1, 72.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.895, 30.628, -51.775
XYZ	16.723, 12.432, 47.415
xyY	0.218, 0.162, 12.432
CIE-LCH	41.895, 60.155, 300.607
CIE-LUV	41.895, -2.288, -78.667
Hunter-Lab	35.259, 22.957, -55.048
Binary	01011111, 01010101, 10111001

#5f55b9
```
#5f55b9 rgb(95,85,185)
```
#afb955
```
#afb955 rgb(175,185,85)
```

Complementary Color

#557db9
```
#557db9 rgb(85,125,185)
```
#5f55b9
```
#5f55b9 rgb(95,85,185)
```
#9155b9
```
#9155b9 rgb(145,85,185)
```

Analogous Color

#7db955
```
#7db955 rgb(125,185,85)
```
#5f55b9
```
#5f55b9 rgb(95,85,185)
```
#b99155
```
#b99155 rgb(185,145,85)
```

Split Complementary Color

#55b95f
```
#55b95f rgb(85,185,95)
```
#5f55b9
```
#5f55b9 rgb(95,85,185)
```
#b95f55
```
#b95f55 rgb(185,95,85)
```

Triadic Color

#55afb9
```
#55afb9 rgb(85,175,185)
```
#5f55b9
```
#5f55b9 rgb(95,85,185)
```
#b95f55
```
#b95f55 rgb(185,95,85)
```
#afb955
```
#afb955 rgb(175,185,85)
```

Tetradic Color

#413889
```
#413889 rgb(65,56,137)
```
#49409b
```
#49409b rgb(73,64,155)
```
#5247ad
```
#5247ad rgb(82,71,173)
```
#5f55b9
```
#5f55b9 rgb(95,85,185)
```
#7067c0
```
#7067c0 rgb(112,103,192)
```
#8179c8
```
#8179c8 rgb(129,121,200)
```
#928bcf
```
#928bcf rgb(146,139,207)
```

Monochromatic Color

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

#5564b9
```
#5564b9 rgb(85,100,185)
```
#555cb9
```
#555cb9 rgb(85,92,185)
```
#5755b9
```
#5755b9 rgb(87,85,185)
```
#5f55b9
```
#5f55b9 rgb(95,85,185)
```
#6755b9
```
#6755b9 rgb(103,85,185)
```
#7055b9
```
#7055b9 rgb(112,85,185)
```
#7855b9
```
#7855b9 rgb(120,85,185)
```

Similar Colors

Text with hexadecimal color #5f55b9

This text has a font color of #5f55b9.

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

#5f55b9 background color

This paragraph has a background color of #5f55b9.

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

#5f55b9 border color

This element has a border color of #5f55b9.

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

CSS codes

.text {color:#5f55b9;}

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

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

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

#05040b
```
#05040b rgb(5,4,11)
```
#0c0a19
```
#0c0a19 rgb(12,10,25)
```
#121026
```
#121026 rgb(18,16,38)
```
#191634
```
#191634 rgb(25,22,52)
```
#1f1b42
```
#1f1b42 rgb(31,27,66)
```
#262150
```
#262150 rgb(38,33,80)
```
#2c275e
```
#2c275e rgb(44,39,94)
```
#332c6c
```
#332c6c rgb(51,44,108)
```
#39327a
```
#39327a rgb(57,50,122)
```
#403888
```
#403888 rgb(64,56,136)
```
#463e96
```
#463e96 rgb(70,62,150)
```
#4d43a3
```
#4d43a3 rgb(77,67,163)
```
#5349b1
```
#5349b1 rgb(83,73,177)
```

Shade Color Variation

#5f55b9
```
#5f55b9 rgb(95,85,185)
```
#6c63bf
```
#6c63bf rgb(108,99,191)
```
#7971c4
```
#7971c4 rgb(121,113,196)
```
#867fca
```
#867fca rgb(134,127,202)
```
#938dd0
```
#938dd0 rgb(147,141,208)
```
#a09ad6
```
#a09ad6 rgb(160,154,214)
```
#ada8db
```
#ada8db rgb(173,168,219)
```
#bbb6e1
```
#bbb6e1 rgb(187,182,225)
```
#c8c4e7
```
#c8c4e7 rgb(200,196,231)
```
#d5d2ec
```
#d5d2ec rgb(213,210,236)
```
#e2e0f2
```
#e2e0f2 rgb(226,224,242)
```
#efeef8
```
#efeef8 rgb(239,238,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#84838b
```
#84838b rgb(132,131,139)
```
#7d7a94
```
#7d7a94 rgb(125,122,148)
```
#75719d
```
#75719d rgb(117,113,157)
```
#6e67a7
```
#6e67a7 rgb(110,103,167)
```
#665eb0
```
#665eb0 rgb(102,94,176)
```
#5f55b9
```
#5f55b9 rgb(95,85,185)
```
#584cc2
```
#584cc2 rgb(88,76,194)
```
#5043cb
```
#5043cb rgb(80,67,203)
```
#4939d5
```
#4939d5 rgb(73,57,213)
```
#4130de
```
#4130de rgb(65,48,222)
```
#3a27e7
```
#3a27e7 rgb(58,39,231)
```
#331ef0
```
#331ef0 rgb(51,30,240)
```
#2b14fa
```
#2b14fa rgb(43,20,250)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#626074 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2767c5 Protanopia 1% of men
#006cb5 Deuteranopia 1% of men
#4d7078 Tritanopia 0.001% of the population

Trichromacy

#3b60c1 Protanomaly 1% of men, 0.01% of women
#2264b6 Deuteranomaly 6% of men, 0.4% of women
#54668f Tritanomaly 0.01% of the population

#5f55b9 hex color

#5f55b9 Color Information

#5f55b9 Color Conversion

Color Schemes with #5f55b9

Alternatives to #5f55b9

#5f55b9 Preview

Shades and Tints of #5f55b9

Tones of #5f55b9

Color Blindness Simulator