#5f66dd hex color

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

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

● #5f66dd color description : Soft blue.

The hexadecimal color #5f66dd has RGB values of R:95, G:102, B:221 and CMYK values of C:0.57, M:0.54, Y:0, K:0.13. Its decimal value is 6252253.

Hex triplet	5f66dd	`#5f66dd`
RGB Decimal	95, 102, 221	`rgb(95,102,221)`
RGB Percent	37.3, 40, 86.7	`rgb(37.3%,40%,86.7%)`
CMYK	57, 54, 0, 13
HSL	236.7°, 64.9, 62	`hsl(236.7,64.9%,62%)`
HSV (or HSB)	236.7°, 57, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.455, 31.569, -61.917
XYZ	22.519, 17.155, 70.527
xyY	0.204, 0.156, 17.155
CIE-LCH	48.455, 69.5, 297.015
CIE-LUV	48.455, -9.161, -97.106
Hunter-Lab	41.419, 24.567, -71.965
Binary	01011111, 01100110, 11011101

#5f66dd
```
#5f66dd rgb(95,102,221)
```
#ddd65f
```
#ddd65f rgb(221,214,95)
```

Complementary Color

#5fa5dd
```
#5fa5dd rgb(95,165,221)
```
#5f66dd
```
#5f66dd rgb(95,102,221)
```
#975fdd
```
#975fdd rgb(151,95,221)
```

Analogous Color

#a5dd5f
```
#a5dd5f rgb(165,221,95)
```
#5f66dd
```
#5f66dd rgb(95,102,221)
```
#dd975f
```
#dd975f rgb(221,151,95)
```

Split Complementary Color

#66dd5f
```
#66dd5f rgb(102,221,95)
```
#5f66dd
```
#5f66dd rgb(95,102,221)
```
#dd5f66
```
#dd5f66 rgb(221,95,102)
```

Triadic Color

#5fddd6
```
#5fddd6 rgb(95,221,214)
```
#5f66dd
```
#5f66dd rgb(95,102,221)
```
#dd5f66
```
#dd5f66 rgb(221,95,102)
```
#ddd65f
```
#ddd65f rgb(221,214,95)
```

Tetradic Color

#2a33c6
```
#2a33c6 rgb(42,51,198)
```
#353ed4
```
#353ed4 rgb(53,62,212)
```
#4a52d9
```
#4a52d9 rgb(74,82,217)
```
#5f66dd
```
#5f66dd rgb(95,102,221)
```
#747ae1
```
#747ae1 rgb(116,122,225)
```
#898ee6
```
#898ee6 rgb(137,142,230)
```
#9ea2ea
```
#9ea2ea rgb(158,162,234)
```

Monochromatic Color

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

#5f86dd
```
#5f86dd rgb(95,134,221)
```
#5f7bdd
```
#5f7bdd rgb(95,123,221)
```
#5f71dd
```
#5f71dd rgb(95,113,221)
```
#5f66dd
```
#5f66dd rgb(95,102,221)
```
#635fdd
```
#635fdd rgb(99,95,221)
```
#6d5fdd
```
#6d5fdd rgb(109,95,221)
```
#785fdd
```
#785fdd rgb(120,95,221)
```

Similar Colors

Text with hexadecimal color #5f66dd

This text has a font color of #5f66dd.

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

#5f66dd background color

This paragraph has a background color of #5f66dd.

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

#5f66dd border color

This element has a border color of #5f66dd.

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

CSS codes

.text {color:#5f66dd;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#040512
```
#040512 rgb(4,5,18)
```
#070922
```
#070922 rgb(7,9,34)
```
#0b0d32
```
#0b0d32 rgb(11,13,50)
```
#0e1142
```
#0e1142 rgb(14,17,66)
```
#121553
```
#121553 rgb(18,21,83)
```
#151963
```
#151963 rgb(21,25,99)
```
#181d73
```
#181d73 rgb(24,29,115)
```
#1c2283
```
#1c2283 rgb(28,34,131)
```
#1f2693
```
#1f2693 rgb(31,38,147)
```
#232aa4
```
#232aa4 rgb(35,42,164)
```
#262eb4
```
#262eb4 rgb(38,46,180)
```
#2a32c4
```
#2a32c4 rgb(42,50,196)
```

Shade Color Variation

#2e38d3
```
#2e38d3 rgb(46,56,211)
```
#3f47d6
```
#3f47d6 rgb(63,71,214)
```
#4f57da
```
#4f57da rgb(79,87,218)
```
#5f66dd
```
#5f66dd rgb(95,102,221)
```
#6f75e0
```
#6f75e0 rgb(111,117,224)
```
#7f85e4
```
#7f85e4 rgb(127,133,228)
```
#9094e7
```
#9094e7 rgb(144,148,231)
```
#a0a4eb
```
#a0a4eb rgb(160,164,235)
```
#b0b3ee
```
#b0b3ee rgb(176,179,238)
```
#c0c3f2
```
#c0c3f2 rgb(192,195,242)
```
#d0d2f5
```
#d0d2f5 rgb(208,210,245)
```
#e0e2f9
```
#e0e2f9 rgb(224,226,249)
```
#f1f1fc
```
#f1f1fc rgb(241,241,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 #414bfb is the most saturated one.

#9b9ba1
```
#9b9ba1 rgb(155,155,161)
```
#9394a9
```
#9394a9 rgb(147,148,169)
```
#8c8eb0
```
#8c8eb0 rgb(140,142,176)
```
#8487b8
```
#8487b8 rgb(132,135,184)
```
#7d81bf
```
#7d81bf rgb(125,129,191)
```
#757ac7
```
#757ac7 rgb(117,122,199)
```
#6e73ce
```
#6e73ce rgb(110,115,206)
```
#666dd6
```
#666dd6 rgb(102,109,214)
```
#5f66dd
```
#5f66dd rgb(95,102,221)
```
#585fe4
```
#585fe4 rgb(88,95,228)
```
#5059ec
```
#5059ec rgb(80,89,236)
```
#4952f3
```
#4952f3 rgb(73,82,243)
```
#414bfb
```
#414bfb rgb(65,75,251)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6d6f87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1b76e6 Protanopia 1% of men
#007ccd Deuteranopia 1% of men
#3b848d Tritanopia 0.001% of the population

Trichromacy

#3470e3 Protanomaly 1% of men, 0.01% of women
#2274d3 Deuteranomaly 6% of men, 0.4% of women
#4879aa Tritanomaly 0.01% of the population

#5f66dd hex color

#5f66dd Color Information

#5f66dd Color Conversion

Color Schemes with #5f66dd

Alternatives to #5f66dd

#5f66dd Preview

Shades and Tints of #5f66dd

Tones of #5f66dd

Color Blindness Simulator