#5f6ed2 hex color

In a RGB color space, hex #5f6ed2 is composed of 37.3% red, 43.1% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 47.6% magenta, 0% yellow and 17.6% black. It has a hue angle of 232.2 degrees, a saturation of 56.1% and a lightness of 59.8%. #5f6ed2 color hex could be obtained by blending #bedcff with #0000a5. Closest websafe color is: #6666cc.

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

● #5f6ed2 color description : Moderate blue.

The hexadecimal color #5f6ed2 has RGB values of R:95, G:110, B:210 and CMYK values of C:0.55, M:0.48, Y:0, K:0.18. Its decimal value is 6254290.

Hex triplet	5f6ed2	`#5f6ed2`
RGB Decimal	95, 110, 210	`rgb(95,110,210)`
RGB Percent	37.3, 43.1, 82.4	`rgb(37.3%,43.1%,82.4%)`
CMYK	55, 48, 0, 18
HSL	232.2°, 56.1, 59.8	`hsl(232.2,56.1%,59.8%)`
HSV (or HSB)	232.2°, 54.8, 82.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.782, 23.105, -53.533
XYZ	21.926, 18.237, 63.334
xyY	0.212, 0.176, 18.237
CIE-LCH	49.782, 58.307, 293.345
CIE-LUV	49.782, -11.124, -84.297
Hunter-Lab	42.705, 16.913, -58.038
Binary	01011111, 01101110, 11010010

#5f6ed2
```
#5f6ed2 rgb(95,110,210)
```
#d2c35f
```
#d2c35f rgb(210,195,95)
```

Complementary Color

#5fa8d2
```
#5fa8d2 rgb(95,168,210)
```
#5f6ed2
```
#5f6ed2 rgb(95,110,210)
```
#8a5fd2
```
#8a5fd2 rgb(138,95,210)
```

Analogous Color

#a8d25f
```
#a8d25f rgb(168,210,95)
```
#5f6ed2
```
#5f6ed2 rgb(95,110,210)
```
#d28a5f
```
#d28a5f rgb(210,138,95)
```

Split Complementary Color

#6ed25f
```
#6ed25f rgb(110,210,95)
```
#5f6ed2
```
#5f6ed2 rgb(95,110,210)
```
#d25f6e
```
#d25f6e rgb(210,95,110)
```

Triadic Color

#5fd2c3
```
#5fd2c3 rgb(95,210,195)
```
#5f6ed2
```
#5f6ed2 rgb(95,110,210)
```
#d25f6e
```
#d25f6e rgb(210,95,110)
```
#d2c35f
```
#d2c35f rgb(210,195,95)
```

Tetradic Color

#3243b2
```
#3243b2 rgb(50,67,178)
```
#384ac6
```
#384ac6 rgb(56,74,198)
```
#4b5ccc
```
#4b5ccc rgb(75,92,204)
```
#5f6ed2
```
#5f6ed2 rgb(95,110,210)
```
#7380d8
```
#7380d8 rgb(115,128,216)
```
#8792dd
```
#8792dd rgb(135,146,221)
```
#9ba4e3
```
#9ba4e3 rgb(155,164,227)
```

Monochromatic Color

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

#5f8bd2
```
#5f8bd2 rgb(95,139,210)
```
#5f81d2
```
#5f81d2 rgb(95,129,210)
```
#5f78d2
```
#5f78d2 rgb(95,120,210)
```
#5f6ed2
```
#5f6ed2 rgb(95,110,210)
```
#5f64d2
```
#5f64d2 rgb(95,100,210)
```
#635fd2
```
#635fd2 rgb(99,95,210)
```
#6d5fd2
```
#6d5fd2 rgb(109,95,210)
```

Similar Colors

Text with hexadecimal color #5f6ed2

This text has a font color of #5f6ed2.

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

#5f6ed2 background color

This paragraph has a background color of #5f6ed2.

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

#5f6ed2 border color

This element has a border color of #5f6ed2.

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

CSS codes

.text {color:#5f6ed2;}

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

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

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 #f8f9fd is the lightest one.

#020308
```
#020308 rgb(2,3,8)
```
#070918
```
#070918 rgb(7,9,24)
```
#0b0f27
```
#0b0f27 rgb(11,15,39)
```
#0f1436
```
#0f1436 rgb(15,20,54)
```
#141a46
```
#141a46 rgb(20,26,70)
```
#182055
```
#182055 rgb(24,32,85)
```
#1c2664
```
#1c2664 rgb(28,38,100)
```
#212b74
```
#212b74 rgb(33,43,116)
```
#253183
```
#253183 rgb(37,49,131)
```
#293792
```
#293792 rgb(41,55,146)
```
#2d3da2
```
#2d3da2 rgb(45,61,162)
```
#3242b1
```
#3242b1 rgb(50,66,177)
```
#3648c0
```
#3648c0 rgb(54,72,192)
```

Shade Color Variation

#4052c9
```
#4052c9 rgb(64,82,201)
```
#5060ce
```
#5060ce rgb(80,96,206)
```
#5f6ed2
```
#5f6ed2 rgb(95,110,210)
```
#6e7cd6
```
#6e7cd6 rgb(110,124,214)
```
#7e8adb
```
#7e8adb rgb(126,138,219)
```
#8d98df
```
#8d98df rgb(141,152,223)
```
#9ca5e3
```
#9ca5e3 rgb(156,165,227)
```
#acb3e8
```
#acb3e8 rgb(172,179,232)
```
#bbc1ec
```
#bbc1ec rgb(187,193,236)
```
#cacff0
```
#cacff0 rgb(202,207,240)
```
#d9ddf4
```
#d9ddf4 rgb(217,221,244)
```
#e9ebf9
```
#e9ebf9 rgb(233,235,249)
```
#f8f9fd
```
#f8f9fd rgb(248,249,253)
```

Tint Color Variation

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

#96979b
```
#96979b rgb(150,151,155)
```
#8e91a3
```
#8e91a3 rgb(142,145,163)
```
#868bab
```
#868bab rgb(134,139,171)
```
#7f85b2
```
#7f85b2 rgb(127,133,178)
```
#777fba
```
#777fba rgb(119,127,186)
```
#6f7ac2
```
#6f7ac2 rgb(111,122,194)
```
#6774ca
```
#6774ca rgb(103,116,202)
```
#5f6ed2
```
#5f6ed2 rgb(95,110,210)
```
#5768da
```
#5768da rgb(87,104,218)
```
#4f62e2
```
#4f62e2 rgb(79,98,226)
```
#475dea
```
#475dea rgb(71,93,234)
```
#3f57f2
```
#3f57f2 rgb(63,87,242)
```
#3851f9
```
#3851f9 rgb(56,81,249)
```

Tone Color Variation

Below, you can see how #5f6ed2 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
#717488 Atypical Achromatopsia 0.001% of the population

Dichromacy

#497ad8 Protanopia 1% of men
#2d7fd0 Deuteranopia 1% of men
#468690 Tritanopia 0.001% of the population

Trichromacy

#5175d6 Protanomaly 1% of men, 0.01% of women
#3f78d0 Deuteranomaly 6% of men, 0.4% of women
#4f7da8 Tritanomaly 0.01% of the population

#5f6ed2 hex color

#5f6ed2 Color Information

#5f6ed2 Color Conversion

Color Schemes with #5f6ed2

Alternatives to #5f6ed2

#5f6ed2 Preview

Shades and Tints of #5f6ed2

Tones of #5f6ed2

Color Blindness Simulator