#3f5fdc hex color

In a RGB color space, hex #3f5fdc is composed of 24.7% red, 37.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 56.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 227.8 degrees, a saturation of 69.2% and a lightness of 55.5%. #3f5fdc color hex could be obtained by blending #7ebeff with #0000b9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 37
- B 86
RGB color chart
- C 71
- M 57
- Y 0
- K 14
CMYK color chart

● #3f5fdc color description : Bright blue.

The hexadecimal color #3f5fdc has RGB values of R:63, G:95, B:220 and CMYK values of C:0.71, M:0.57, Y:0, K:0.14. Its decimal value is 4153308.

Hex triplet	3f5fdc	`#3f5fdc`
RGB Decimal	63, 95, 220	`rgb(63,95,220)`
RGB Percent	24.7, 37.3, 86.3	`rgb(24.7%,37.3%,86.3%)`
CMYK	71, 57, 0, 14
HSL	227.8°, 69.2, 55.5	`hsl(227.8,69.2%,55.5%)`
HSV (or HSB)	227.8°, 71.4, 86.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.811, 30.531, -67.341
XYZ	19.058, 14.407, 69.483
xyY	0.185, 0.14, 14.407
CIE-LCH	44.811, 73.938, 294.389
CIE-LUV	44.811, -15.146, -102.554
Hunter-Lab	37.957, 23.198, -81.965
Binary	00111111, 01011111, 11011100

#3f5fdc
```
#3f5fdc rgb(63,95,220)
```
#dcbc3f
```
#dcbc3f rgb(220,188,63)
```

Complementary Color

#3faedc
```
#3faedc rgb(63,174,220)
```
#3f5fdc
```
#3f5fdc rgb(63,95,220)
```
#6e3fdc
```
#6e3fdc rgb(110,63,220)
```

Analogous Color

#aedc3f
```
#aedc3f rgb(174,220,63)
```
#3f5fdc
```
#3f5fdc rgb(63,95,220)
```
#dc6e3f
```
#dc6e3f rgb(220,110,63)
```

Split Complementary Color

#5fdc3f
```
#5fdc3f rgb(95,220,63)
```
#3f5fdc
```
#3f5fdc rgb(63,95,220)
```
#dc3f5f
```
#dc3f5f rgb(220,63,95)
```

Triadic Color

#3fdcbc
```
#3fdcbc rgb(63,220,188)
```
#3f5fdc
```
#3f5fdc rgb(63,95,220)
```
#dc3f5f
```
#dc3f5f rgb(220,63,95)
```
#dcbc3f
```
#dcbc3f rgb(220,188,63)
```

Tetradic Color

#203daf
```
#203daf rgb(32,61,175)
```
#2444c4
```
#2444c4 rgb(36,68,196)
```
#294dd8
```
#294dd8 rgb(41,77,216)
```
#3f5fdc
```
#3f5fdc rgb(63,95,220)
```
#5571e0
```
#5571e0 rgb(85,113,224)
```
#6a83e4
```
#6a83e4 rgb(106,131,228)
```
#8095e8
```
#8095e8 rgb(128,149,232)
```

Monochromatic Color

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

#3f86dc
```
#3f86dc rgb(63,134,220)
```
#3f79dc
```
#3f79dc rgb(63,121,220)
```
#3f6cdc
```
#3f6cdc rgb(63,108,220)
```
#3f5fdc
```
#3f5fdc rgb(63,95,220)
```
#3f52dc
```
#3f52dc rgb(63,82,220)
```
#3f45dc
```
#3f45dc rgb(63,69,220)
```
#463fdc
```
#463fdc rgb(70,63,220)
```

Similar Colors

Text with hexadecimal color #3f5fdc

This text has a font color of #3f5fdc.

<span style="color:#3f5fdc;">Text here</span>

#3f5fdc background color

This paragraph has a background color of #3f5fdc.

<p style="background-color:#3f5fdc;">Content here</p>

#3f5fdc border color

This element has a border color of #3f5fdc.

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

CSS codes

.text {color:#3f5fdc;}

.background {background-color:#3f5fdc;}

.border {border:1px solid #3f5fdc;}

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

#010207
```
#010207 rgb(1,2,7)
```
#040818
```
#040818 rgb(4,8,24)
```
#070e28
```
#070e28 rgb(7,14,40)
```
#0a1439
```
#0a1439 rgb(10,20,57)
```
#0d1a49
```
#0d1a49 rgb(13,26,73)
```
#101f5a
```
#101f5a rgb(16,31,90)
```
#13256b
```
#13256b rgb(19,37,107)
```
#162b7b
```
#162b7b rgb(22,43,123)
```
#19318c
```
#19318c rgb(25,49,140)
```
#1d379c
```
#1d379c rgb(29,55,156)
```
#203cad
```
#203cad rgb(32,60,173)
```
#2342be
```
#2342be rgb(35,66,190)
```
#2648ce
```
#2648ce rgb(38,72,206)
```

Shade Color Variation

#2e51d9
```
#2e51d9 rgb(46,81,217)
```
#3f5fdc
```
#3f5fdc rgb(63,95,220)
```
#506ddf
```
#506ddf rgb(80,109,223)
```
#607be2
```
#607be2 rgb(96,123,226)
```
#7188e5
```
#7188e5 rgb(113,136,229)
```
#8196e8
```
#8196e8 rgb(129,150,232)
```
#92a4eb
```
#92a4eb rgb(146,164,235)
```
#a3b2ee
```
#a3b2ee rgb(163,178,238)
```
#b3c0f1
```
#b3c0f1 rgb(179,192,241)
```
#c4cef4
```
#c4cef4 rgb(196,206,244)
```
#d4dbf7
```
#d4dbf7 rgb(212,219,247)
```
#e5e9fa
```
#e5e9fa rgb(229,233,250)
```
#f6f7fd
```
#f6f7fd rgb(246,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858896 is the less saturated color, while #1c4aff is the most saturated one.

#858896
```
#858896 rgb(133,136,150)
```
#7c839f
```
#7c839f rgb(124,131,159)
```
#737ea8
```
#737ea8 rgb(115,126,168)
```
#6b79b0
```
#6b79b0 rgb(107,121,176)
```
#6274b9
```
#6274b9 rgb(98,116,185)
```
#596fc2
```
#596fc2 rgb(89,111,194)
```
#5069cb
```
#5069cb rgb(80,105,203)
```
#4864d3
```
#4864d3 rgb(72,100,211)
```
#3f5fdc
```
#3f5fdc rgb(63,95,220)
```
#365ae5
```
#365ae5 rgb(54,90,229)
```
#2e55ed
```
#2e55ed rgb(46,85,237)
```
#254ff6
```
#254ff6 rgb(37,79,246)
```
#1c4aff
```
#1c4aff rgb(28,74,255)
```

Tone Color Variation

Below, you can see how #3f5fdc 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

#646464 Achromatopsia 0.005% of the population
#5d637c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed8 Protanopia 1% of men
#0074bd Deuteranopia 1% of men
#007c84 Tritanopia 0.001% of the population

Trichromacy

#1668d9 Protanomaly 1% of men, 0.01% of women
#166cc8 Deuteranomaly 6% of men, 0.4% of women
#1672a4 Tritanomaly 0.01% of the population

#3f5fdc hex color

#3f5fdc Color Information

#3f5fdc Color Conversion

Color Schemes with #3f5fdc

Alternatives to #3f5fdc

#3f5fdc Preview

Shades and Tints of #3f5fdc

Tones of #3f5fdc

Color Blindness Simulator