#5f6cdd hex color

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

♥
- f
- t
- g
- R 37
- G 42
- B 87
RGB color chart
- C 57
- M 51
- Y 0
- K 13
CMYK color chart

● #5f6cdd color description : Soft blue.

The hexadecimal color #5f6cdd has RGB values of R:95, G:108, B:221 and CMYK values of C:0.57, M:0.51, Y:0, K:0.13. Its decimal value is 6253789.

Hex triplet	5f6cdd	`#5f6cdd`
RGB Decimal	95, 108, 221	`rgb(95,108,221)`
RGB Percent	37.3, 42.4, 86.7	`rgb(37.3%,42.4%,86.7%)`
CMYK	57, 51, 0, 13
HSL	233.8°, 64.9, 62	`hsl(233.8,64.9%,62%)`
HSV (or HSB)	233.8°, 57, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.951, 27.895, -59.505
XYZ	23.13, 18.377, 70.731
xyY	0.206, 0.164, 18.377
CIE-LCH	49.951, 65.719, 295.117
CIE-LUV	49.951, -10.893, -93.932
Hunter-Lab	42.869, 21.291, -67.816
Binary	01011111, 01101100, 11011101

#5f6cdd
```
#5f6cdd rgb(95,108,221)
```
#ddd05f
```
#ddd05f rgb(221,208,95)
```

Complementary Color

#5fabdd
```
#5fabdd rgb(95,171,221)
```
#5f6cdd
```
#5f6cdd rgb(95,108,221)
```
#915fdd
```
#915fdd rgb(145,95,221)
```

Analogous Color

#abdd5f
```
#abdd5f rgb(171,221,95)
```
#5f6cdd
```
#5f6cdd rgb(95,108,221)
```
#dd915f
```
#dd915f rgb(221,145,95)
```

Split Complementary Color

#6cdd5f
```
#6cdd5f rgb(108,221,95)
```
#5f6cdd
```
#5f6cdd rgb(95,108,221)
```
#dd5f6c
```
#dd5f6c rgb(221,95,108)
```

Triadic Color

#5fddd0
```
#5fddd0 rgb(95,221,208)
```
#5f6cdd
```
#5f6cdd rgb(95,108,221)
```
#dd5f6c
```
#dd5f6c rgb(221,95,108)
```
#ddd05f
```
#ddd05f rgb(221,208,95)
```

Tetradic Color

#2a3ac6
```
#2a3ac6 rgb(42,58,198)
```
#3545d4
```
#3545d4 rgb(53,69,212)
```
#4a59d9
```
#4a59d9 rgb(74,89,217)
```
#5f6cdd
```
#5f6cdd rgb(95,108,221)
```
#747fe1
```
#747fe1 rgb(116,127,225)
```
#8993e6
```
#8993e6 rgb(137,147,230)
```
#9ea6ea
```
#9ea6ea rgb(158,166,234)
```

Monochromatic Color

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

#5f8cdd
```
#5f8cdd rgb(95,140,221)
```
#5f81dd
```
#5f81dd rgb(95,129,221)
```
#5f77dd
```
#5f77dd rgb(95,119,221)
```
#5f6cdd
```
#5f6cdd rgb(95,108,221)
```
#5f62dd
```
#5f62dd rgb(95,98,221)
```
#675fdd
```
#675fdd rgb(103,95,221)
```
#725fdd
```
#725fdd rgb(114,95,221)
```

Similar Colors

Text with hexadecimal color #5f6cdd

This text has a font color of #5f6cdd.

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

#5f6cdd background color

This paragraph has a background color of #5f6cdd.

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

#5f6cdd border color

This element has a border color of #5f6cdd.

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

CSS codes

.text {color:#5f6cdd;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040512
```
#040512 rgb(4,5,18)
```
#070a22
```
#070a22 rgb(7,10,34)
```
#0b0f32
```
#0b0f32 rgb(11,15,50)
```
#0e1442
```
#0e1442 rgb(14,20,66)
```
#121853
```
#121853 rgb(18,24,83)
```
#151d63
```
#151d63 rgb(21,29,99)
```
#182273
```
#182273 rgb(24,34,115)
```
#1c2783
```
#1c2783 rgb(28,39,131)
```
#1f2b93
```
#1f2b93 rgb(31,43,147)
```
#2330a4
```
#2330a4 rgb(35,48,164)
```
#2635b4
```
#2635b4 rgb(38,53,180)
```
#2a3ac4
```
#2a3ac4 rgb(42,58,196)
```

Shade Color Variation

#2e3fd3
```
#2e3fd3 rgb(46,63,211)
```
#3f4ed6
```
#3f4ed6 rgb(63,78,214)
```
#4f5dda
```
#4f5dda rgb(79,93,218)
```
#5f6cdd
```
#5f6cdd rgb(95,108,221)
```
#6f7be0
```
#6f7be0 rgb(111,123,224)
```
#7f8ae4
```
#7f8ae4 rgb(127,138,228)
```
#9099e7
```
#9099e7 rgb(144,153,231)
```
#a0a7eb
```
#a0a7eb rgb(160,167,235)
```
#b0b6ee
```
#b0b6ee rgb(176,182,238)
```
#c0c5f2
```
#c0c5f2 rgb(192,197,242)
```
#d0d4f5
```
#d0d4f5 rgb(208,212,245)
```
#e0e3f9
```
#e0e3f9 rgb(224,227,249)
```
#f1f2fc
```
#f1f2fc rgb(241,242,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 #4154fb is the most saturated one.

#9b9ba1
```
#9b9ba1 rgb(155,155,161)
```
#9395a9
```
#9395a9 rgb(147,149,169)
```
#8c90b0
```
#8c90b0 rgb(140,144,176)
```
#848ab8
```
#848ab8 rgb(132,138,184)
```
#7d84bf
```
#7d84bf rgb(125,132,191)
```
#757ec7
```
#757ec7 rgb(117,126,199)
```
#6e78ce
```
#6e78ce rgb(110,120,206)
```
#6672d6
```
#6672d6 rgb(102,114,214)
```
#5f6cdd
```
#5f6cdd rgb(95,108,221)
```
#5866e4
```
#5866e4 rgb(88,102,228)
```
#5060ec
```
#5060ec rgb(80,96,236)
```
#495af3
```
#495af3 rgb(73,90,243)
```
#4154fb
```
#4154fb rgb(65,84,251)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#71738a Atypical Achromatopsia 0.001% of the population

Dichromacy

#377ae4 Protanopia 1% of men
#0080d4 Deuteranopia 1% of men
#3d8791 Tritanopia 0.001% of the population

Trichromacy

#4575e1 Protanomaly 1% of men, 0.01% of women
#2278d7 Deuteranomaly 6% of men, 0.4% of women
#497dad Tritanomaly 0.01% of the population

#5f6cdd hex color

#5f6cdd Color Information

#5f6cdd Color Conversion

Color Schemes with #5f6cdd

Alternatives to #5f6cdd

#5f6cdd Preview

Shades and Tints of #5f6cdd

Tones of #5f6cdd

Color Blindness Simulator