#5f6ad9 hex color

In a RGB color space, hex #5f6ad9 is composed of 37.3% red, 41.6% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 56.2% cyan, 51.2% magenta, 0% yellow and 14.9% black. It has a hue angle of 234.6 degrees, a saturation of 61.6% and a lightness of 61.2%. #5f6ad9 color hex could be obtained by blending #bed4ff with #0000b3. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 42
- B 85
RGB color chart
- C 56
- M 51
- Y 0
- K 15
CMYK color chart

● #5f6ad9 color description : Soft blue.

The hexadecimal color #5f6ad9 has RGB values of R:95, G:106, B:217 and CMYK values of C:0.56, M:0.51, Y:0, K:0.15. Its decimal value is 6253273.

Hex triplet	5f6ad9	`#5f6ad9`
RGB Decimal	95, 106, 217	`rgb(95,106,217)`
RGB Percent	37.3, 41.6, 85.1	`rgb(37.3%,41.6%,85.1%)`
CMYK	56, 51, 0, 15
HSL	234.6°, 61.6, 61.2	`hsl(234.6,61.6%,61.2%)`
HSV (or HSB)	234.6°, 56.2, 85.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.191, 27.826, -58.461
XYZ	22.395, 17.75, 67.888
xyY	0.207, 0.164, 17.75
CIE-LCH	49.191, 64.746, 295.453
CIE-LUV	49.191, -10.154, -91.988
Hunter-Lab	42.13, 21.157, -66.047
Binary	01011111, 01101010, 11011001

#5f6ad9
```
#5f6ad9 rgb(95,106,217)
```
#d9ce5f
```
#d9ce5f rgb(217,206,95)
```

Complementary Color

#5fa7d9
```
#5fa7d9 rgb(95,167,217)
```
#5f6ad9
```
#5f6ad9 rgb(95,106,217)
```
#915fd9
```
#915fd9 rgb(145,95,217)
```

Analogous Color

#a7d95f
```
#a7d95f rgb(167,217,95)
```
#5f6ad9
```
#5f6ad9 rgb(95,106,217)
```
#d9915f
```
#d9915f rgb(217,145,95)
```

Split Complementary Color

#6ad95f
```
#6ad95f rgb(106,217,95)
```
#5f6ad9
```
#5f6ad9 rgb(95,106,217)
```
#d95f6a
```
#d95f6a rgb(217,95,106)
```

Triadic Color

#5fd9ce
```
#5fd9ce rgb(95,217,206)
```
#5f6ad9
```
#5f6ad9 rgb(95,106,217)
```
#d95f6a
```
#d95f6a rgb(217,95,106)
```
#d9ce5f
```
#d9ce5f rgb(217,206,95)
```

Tetradic Color

#2d3abe
```
#2d3abe rgb(45,58,190)
```
#3644cf
```
#3644cf rgb(54,68,207)
```
#4a57d4
```
#4a57d4 rgb(74,87,212)
```
#5f6ad9
```
#5f6ad9 rgb(95,106,217)
```
#747dde
```
#747dde rgb(116,125,222)
```
#8890e3
```
#8890e3 rgb(136,144,227)
```
#9da4e8
```
#9da4e8 rgb(157,164,232)
```

Monochromatic Color

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

#5f89d9
```
#5f89d9 rgb(95,137,217)
```
#5f7ed9
```
#5f7ed9 rgb(95,126,217)
```
#5f74d9
```
#5f74d9 rgb(95,116,217)
```
#5f6ad9
```
#5f6ad9 rgb(95,106,217)
```
#5f60d9
```
#5f60d9 rgb(95,96,217)
```
#685fd9
```
#685fd9 rgb(104,95,217)
```
#735fd9
```
#735fd9 rgb(115,95,217)
```

Similar Colors

Text with hexadecimal color #5f6ad9

This text has a font color of #5f6ad9.

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

#5f6ad9 background color

This paragraph has a background color of #5f6ad9.

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

#5f6ad9 border color

This element has a border color of #5f6ad9.

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

CSS codes

.text {color:#5f6ad9;}

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

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

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

#03040e
```
#03040e rgb(3,4,14)
```
#07091e
```
#07091e rgb(7,9,30)
```
#0b0e2e
```
#0b0e2e rgb(11,14,46)
```
#0f133e
```
#0f133e rgb(15,19,62)
```
#12184e
```
#12184e rgb(18,24,78)
```
#161d5e
```
#161d5e rgb(22,29,94)
```
#1a226d
```
#1a226d rgb(26,34,109)
```
#1e267d
```
#1e267d rgb(30,38,125)
```
#222b8d
```
#222b8d rgb(34,43,141)
```
#25309d
```
#25309d rgb(37,48,157)
```
#2935ad
```
#2935ad rgb(41,53,173)
```
#2d3abd
```
#2d3abd rgb(45,58,189)
```
#313fcd
```
#313fcd rgb(49,63,205)
```

Shade Color Variation

#3f4cd1
```
#3f4cd1 rgb(63,76,209)
```
#4f5bd5
```
#4f5bd5 rgb(79,91,213)
```
#5f6ad9
```
#5f6ad9 rgb(95,106,217)
```
#6f79dd
```
#6f79dd rgb(111,121,221)
```
#7f88e1
```
#7f88e1 rgb(127,136,225)
```
#8f96e4
```
#8f96e4 rgb(143,150,228)
```
#9ea5e8
```
#9ea5e8 rgb(158,165,232)
```
#aeb4ec
```
#aeb4ec rgb(174,180,236)
```
#bec3f0
```
#bec3f0 rgb(190,195,240)
```
#ced1f3
```
#ced1f3 rgb(206,209,243)
```
#dee0f7
```
#dee0f7 rgb(222,224,247)
```
#eeeffb
```
#eeeffb rgb(238,239,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#9c9c9c
```
#9c9c9c rgb(156,156,156)
```
#9496a4
```
#9496a4 rgb(148,150,164)
```
#8d8fab
```
#8d8fab rgb(141,143,171)
```
#8589b3
```
#8589b3 rgb(133,137,179)
```
#7d83bb
```
#7d83bb rgb(125,131,187)
```
#767dc2
```
#767dc2 rgb(118,125,194)
```
#6e76ca
```
#6e76ca rgb(110,118,202)
```
#6770d1
```
#6770d1 rgb(103,112,209)
```
#5f6ad9
```
#5f6ad9 rgb(95,106,217)
```
#5764e1
```
#5764e1 rgb(87,100,225)
```
#505ee8
```
#505ee8 rgb(80,94,232)
```
#4857f0
```
#4857f0 rgb(72,87,240)
```
#4151f7
```
#4151f7 rgb(65,81,247)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6f7187 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3778e1 Protanopia 1% of men
#007ed1 Deuteranopia 1% of men
#40858f Tritanopia 0.001% of the population

Trichromacy

#4573de Protanomaly 1% of men, 0.01% of women
#2276d4 Deuteranomaly 6% of men, 0.4% of women
#4b7baa Tritanomaly 0.01% of the population

#5f6ad9 hex color

#5f6ad9 Color Information

#5f6ad9 Color Conversion

Color Schemes with #5f6ad9

Alternatives to #5f6ad9

#5f6ad9 Preview

Shades and Tints of #5f6ad9

Tones of #5f6ad9

Color Blindness Simulator