#5f69d1 hex color

In a RGB color space, hex #5f69d1 is composed of 37.3% red, 41.2% green and 82% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 49.8% magenta, 0% yellow and 18% black. It has a hue angle of 234.7 degrees, a saturation of 55.3% and a lightness of 59.6%. #5f69d1 color hex could be obtained by blending #bed2ff with #0000a3. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 41
- B 82
RGB color chart
- C 55
- M 50
- Y 0
- K 18
CMYK color chart

● #5f69d1 color description : Moderate blue.

The hexadecimal color #5f69d1 has RGB values of R:95, G:105, B:209 and CMYK values of C:0.55, M:0.5, Y:0, K:0.18. Its decimal value is 6253009.

Hex triplet	5f69d1	`#5f69d1`
RGB Decimal	95, 105, 209	`rgb(95,105,209)`
RGB Percent	37.3, 41.2, 82	`rgb(37.3%,41.2%,82%)`
CMYK	55, 50, 0, 18
HSL	234.7°, 55.3, 59.6	`hsl(234.7,55.3%,59.6%)`
HSV (or HSB)	234.7°, 54.5, 82
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.434, 25.862, -55.126
XYZ	21.277, 17.139, 62.505
xyY	0.211, 0.17, 17.139
CIE-LCH	48.434, 60.891, 295.133
CIE-LUV	48.434, -9.541, -86.413
Hunter-Lab	41.399, 19.293, -60.538
Binary	01011111, 01101001, 11010001

#5f69d1
```
#5f69d1 rgb(95,105,209)
```
#d1c75f
```
#d1c75f rgb(209,199,95)
```

Complementary Color

#5fa2d1
```
#5fa2d1 rgb(95,162,209)
```
#5f69d1
```
#5f69d1 rgb(95,105,209)
```
#8e5fd1
```
#8e5fd1 rgb(142,95,209)
```

Analogous Color

#a2d15f
```
#a2d15f rgb(162,209,95)
```
#5f69d1
```
#5f69d1 rgb(95,105,209)
```
#d18e5f
```
#d18e5f rgb(209,142,95)
```

Split Complementary Color

#69d15f
```
#69d15f rgb(105,209,95)
```
#5f69d1
```
#5f69d1 rgb(95,105,209)
```
#d15f69
```
#d15f69 rgb(209,95,105)
```

Triadic Color

#5fd1c7
```
#5fd1c7 rgb(95,209,199)
```
#5f69d1
```
#5f69d1 rgb(95,105,209)
```
#d15f69
```
#d15f69 rgb(209,95,105)
```
#d1c75f
```
#d1c75f rgb(209,199,95)
```

Tetradic Color

#333eb1
```
#333eb1 rgb(51,62,177)
```
#3845c5
```
#3845c5 rgb(56,69,197)
```
#4b56cb
```
#4b56cb rgb(75,86,203)
```
#5f69d1
```
#5f69d1 rgb(95,105,209)
```
#737cd7
```
#737cd7 rgb(115,124,215)
```
#878edc
```
#878edc rgb(135,142,220)
```
#9aa1e2
```
#9aa1e2 rgb(154,161,226)
```

Monochromatic Color

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

#5f86d1
```
#5f86d1 rgb(95,134,209)
```
#5f7cd1
```
#5f7cd1 rgb(95,124,209)
```
#5f73d1
```
#5f73d1 rgb(95,115,209)
```
#5f69d1
```
#5f69d1 rgb(95,105,209)
```
#5f60d1
```
#5f60d1 rgb(95,96,209)
```
#685fd1
```
#685fd1 rgb(104,95,209)
```
#725fd1
```
#725fd1 rgb(114,95,209)
```

Similar Colors

Text with hexadecimal color #5f69d1

This text has a font color of #5f69d1.

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

#5f69d1 background color

This paragraph has a background color of #5f69d1.

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

#5f69d1 border color

This element has a border color of #5f69d1.

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

CSS codes

.text {color:#5f69d1;}

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

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

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

#020308
```
#020308 rgb(2,3,8)
```
#070817
```
#070817 rgb(7,8,23)
```
#0b0d26
```
#0b0d26 rgb(11,13,38)
```
#0f1335
```
#0f1335 rgb(15,19,53)
```
#141845
```
#141845 rgb(20,24,69)
```
#181d54
```
#181d54 rgb(24,29,84)
```
#1c2363
```
#1c2363 rgb(28,35,99)
```
#212872
```
#212872 rgb(33,40,114)
```
#252d81
```
#252d81 rgb(37,45,129)
```
#2a3391
```
#2a3391 rgb(42,51,145)
```
#2e38a0
```
#2e38a0 rgb(46,56,160)
```
#323daf
```
#323daf rgb(50,61,175)
```
#3743be
```
#3743be rgb(55,67,190)
```

Shade Color Variation

#414cc8
```
#414cc8 rgb(65,76,200)
```
#505bcd
```
#505bcd rgb(80,91,205)
```
#5f69d1
```
#5f69d1 rgb(95,105,209)
```
#6e77d5
```
#6e77d5 rgb(110,119,213)
```
#7d86da
```
#7d86da rgb(125,134,218)
```
#8d94de
```
#8d94de rgb(141,148,222)
```
#9ca2e3
```
#9ca2e3 rgb(156,162,227)
```
#abb0e7
```
#abb0e7 rgb(171,176,231)
```
#babfeb
```
#babfeb rgb(186,191,235)
```
#cacdf0
```
#cacdf0 rgb(202,205,240)
```
#d9dbf4
```
#d9dbf4 rgb(217,219,244)
```
#e8eaf8
```
#e8eaf8 rgb(232,234,248)
```
#f7f8fd
```
#f7f8fd rgb(247,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96979a is the less saturated color, while #3748f9 is the most saturated one.

#96979a
```
#96979a rgb(150,151,154)
```
#8f90a1
```
#8f90a1 rgb(143,144,161)
```
#878aa9
```
#878aa9 rgb(135,138,169)
```
#7f83b1
```
#7f83b1 rgb(127,131,177)
```
#777db9
```
#777db9 rgb(119,125,185)
```
#6f76c1
```
#6f76c1 rgb(111,118,193)
```
#6770c9
```
#6770c9 rgb(103,112,201)
```
#5f69d1
```
#5f69d1 rgb(95,105,209)
```
#5762d9
```
#5762d9 rgb(87,98,217)
```
#4f5ce1
```
#4f5ce1 rgb(79,92,225)
```
#4755e9
```
#4755e9 rgb(71,85,233)
```
#3f4ff1
```
#3f4ff1 rgb(63,79,241)
```
#3748f9
```
#3748f9 rgb(55,72,249)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#6e7085 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f77d8 Protanopia 1% of men
#167cce Deuteranopia 1% of men
#45838c Tritanopia 0.001% of the population

Trichromacy

#4a71d6 Protanomaly 1% of men, 0.01% of women
#3075cf Deuteranomaly 6% of men, 0.4% of women
#4e79a5 Tritanomaly 0.01% of the population

#5f69d1 hex color

#5f69d1 Color Information

#5f69d1 Color Conversion

Color Schemes with #5f69d1

Alternatives to #5f69d1

#5f69d1 Preview

Shades and Tints of #5f69d1

Tones of #5f69d1

Color Blindness Simulator