#3f40bc hex color

In a RGB color space, hex #3f40bc is composed of 24.7% red, 25.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 66% magenta, 0% yellow and 26.3% black. It has a hue angle of 239.5 degrees, a saturation of 49.8% and a lightness of 49.2%. #3f40bc color hex could be obtained by blending #7e80ff with #000079. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 25
- G 25
- B 74
RGB color chart
- C 66
- M 66
- Y 0
- K 26
CMYK color chart

● #3f40bc color description : Moderate blue.

The hexadecimal color #3f40bc has RGB values of R:63, G:64, B:188 and CMYK values of C:0.66, M:0.66, Y:0, K:0.26. Its decimal value is 4145340.

Hex triplet	3f40bc	`#3f40bc`
RGB Decimal	63, 64, 188	`rgb(63,64,188)`
RGB Percent	24.7, 25.1, 73.7	`rgb(24.7%,25.1%,73.7%)`
CMYK	66, 66, 0, 26
HSL	239.5°, 49.8, 49.2	`hsl(239.5,49.8%,49.2%)`
HSV (or HSB)	239.5°, 66.5, 73.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.709, 38.768, -65.316
XYZ	12.959, 8.354, 48.504
xyY	0.186, 0.12, 8.354
CIE-LCH	34.709, 75.955, 300.691
CIE-LUV	34.709, -6.85, -91.776
Hunter-Lab	28.903, 29.451, -79.266
Binary	00111111, 01000000, 10111100

#3f40bc
```
#3f40bc rgb(63,64,188)
```
#bcbb3f
```
#bcbb3f rgb(188,187,63)
```

Complementary Color

#3f7fbc
```
#3f7fbc rgb(63,127,188)
```
#3f40bc
```
#3f40bc rgb(63,64,188)
```
#7d3fbc
```
#7d3fbc rgb(125,63,188)
```

Analogous Color

#7fbc3f
```
#7fbc3f rgb(127,188,63)
```
#3f40bc
```
#3f40bc rgb(63,64,188)
```
#bc7d3f
```
#bc7d3f rgb(188,125,63)
```

Split Complementary Color

#40bc3f
```
#40bc3f rgb(64,188,63)
```
#3f40bc
```
#3f40bc rgb(63,64,188)
```
#bc3f40
```
#bc3f40 rgb(188,63,64)
```

Triadic Color

#3fbcbb
```
#3fbcbb rgb(63,188,187)
```
#3f40bc
```
#3f40bc rgb(63,64,188)
```
#bc3f40
```
#bc3f40 rgb(188,63,64)
```
#bcbb3f
```
#bcbb3f rgb(188,187,63)
```

Tetradic Color

#2c2c83
```
#2c2c83 rgb(44,44,131)
```
#323396
```
#323396 rgb(50,51,150)
```
#3939a9
```
#3939a9 rgb(57,57,169)
```
#3f40bc
```
#3f40bc rgb(63,64,188)
```
#5051c4
```
#5051c4 rgb(80,81,196)
```
#6364cb
```
#6364cb rgb(99,100,203)
```
#7677d1
```
#7677d1 rgb(118,119,209)
```

Monochromatic Color

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

#3f5fbc
```
#3f5fbc rgb(63,95,188)
```
#3f55bc
```
#3f55bc rgb(63,85,188)
```
#3f4abc
```
#3f4abc rgb(63,74,188)
```
#3f40bc
```
#3f40bc rgb(63,64,188)
```
#483fbc
```
#483fbc rgb(72,63,188)
```
#533fbc
```
#533fbc rgb(83,63,188)
```
#5d3fbc
```
#5d3fbc rgb(93,63,188)
```

Similar Colors

Text with hexadecimal color #3f40bc

This text has a font color of #3f40bc.

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

#3f40bc background color

This paragraph has a background color of #3f40bc.

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

#3f40bc border color

This element has a border color of #3f40bc.

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

CSS codes

.text {color:#3f40bc;}

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

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

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, #04040c is the darkest color, while #fcfcfe is the lightest one.

#04040c
```
#04040c rgb(4,4,12)
```
#09091a
```
#09091a rgb(9,9,26)
```
#0e0e29
```
#0e0e29 rgb(14,14,41)
```
#131338
```
#131338 rgb(19,19,56)
```
#181846
```
#181846 rgb(24,24,70)
```
#1d1d55
```
#1d1d55 rgb(29,29,85)
```
#212264
```
#212264 rgb(33,34,100)
```
#262773
```
#262773 rgb(38,39,115)
```
#2b2c81
```
#2b2c81 rgb(43,44,129)
```
#303190
```
#303190 rgb(48,49,144)
```
#35369f
```
#35369f rgb(53,54,159)
```
#3a3bad
```
#3a3bad rgb(58,59,173)
```
#3f40bc
```
#3f40bc rgb(63,64,188)
```

Shade Color Variation

#4c4dc3
```
#4c4dc3 rgb(76,77,195)
```
#5a5bc8
```
#5a5bc8 rgb(90,91,200)
```
#696acd
```
#696acd rgb(105,106,205)
```
#7878d2
```
#7878d2 rgb(120,120,210)
```
#8687d7
```
#8687d7 rgb(134,135,215)
```
#9596dc
```
#9596dc rgb(149,150,220)
```
#a4a4e0
```
#a4a4e0 rgb(164,164,224)
```
#b3b3e5
```
#b3b3e5 rgb(179,179,229)
```
#c1c2ea
```
#c1c2ea rgb(193,194,234)
```
#d0d0ef
```
#d0d0ef rgb(208,208,239)
```
#dfdff4
```
#dfdff4 rgb(223,223,244)
```
#ededf9
```
#ededf9 rgb(237,237,249)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#797982
```
#797982 rgb(121,121,130)
```
#6f6f8c
```
#6f6f8c rgb(111,111,140)
```
#666695
```
#666695 rgb(102,102,149)
```
#5c5c9f
```
#5c5c9f rgb(92,92,159)
```
#5253a9
```
#5253a9 rgb(82,83,169)
```
#4949b2
```
#4949b2 rgb(73,73,178)
```
#3f40bc
```
#3f40bc rgb(63,64,188)
```
#3537c6
```
#3537c6 rgb(53,55,198)
```
#2c2dcf
```
#2c2dcf rgb(44,45,207)
```
#2224d9
```
#2224d9 rgb(34,36,217)
```
#181ae3
```
#181ae3 rgb(24,26,227)
```
#0f11ec
```
#0f11ec rgb(15,17,236)
```
#0507f6
```
#0507f6 rgb(5,7,246)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#4b4b64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057ab Protanopia 1% of men
#005c95 Deuteranopia 1% of men
#006369 Tritanopia 0.001% of the population

Trichromacy

#164fb1 Protanomaly 1% of men, 0.01% of women
#1652a3 Deuteranomaly 6% of men, 0.4% of women
#165687 Tritanomaly 0.01% of the population

#3f40bc hex color

#3f40bc Color Information

#3f40bc Color Conversion

Color Schemes with #3f40bc

Alternatives to #3f40bc

#3f40bc Preview

Shades and Tints of #3f40bc

Tones of #3f40bc

Color Blindness Simulator