#3f5efc hex color

In a RGB color space, hex #3f5efc is composed of 24.7% red, 36.9% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 62.7% magenta, 0% yellow and 1.2% black. It has a hue angle of 230.2 degrees, a saturation of 96.9% and a lightness of 61.8%. #3f5efc color hex could be obtained by blending #7ebcff with #0000f9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 25
- G 37
- B 99
RGB color chart
- C 75
- M 63
- Y 0
- K 1
CMYK color chart

● #3f5efc color description : Bright blue.

The hexadecimal color #3f5efc has RGB values of R:63, G:94, B:252 and CMYK values of C:0.75, M:0.63, Y:0, K:0.01. Its decimal value is 4153084.

Hex triplet	3f5efc	`#3f5efc`
RGB Decimal	63, 94, 252	`rgb(63,94,252)`
RGB Percent	24.7, 36.9, 98.8	`rgb(24.7%,36.9%,98.8%)`
CMYK	75, 63, 0, 1
HSL	230.2°, 96.9, 61.8	`hsl(230.2,96.9%,61.8%)`
HSV (or HSB)	230.2°, 75, 98.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.091, 42.408, -81.627
XYZ	23.62, 16.089, 93.951
xyY	0.177, 0.12, 16.089
CIE-LCH	47.091, 91.986, 297.453
CIE-LUV	47.091, -15.339, -124.595
Hunter-Lab	40.111, 34.917, -110.796
Binary	00111111, 01011110, 11111100

#3f5efc
```
#3f5efc rgb(63,94,252)
```
#fcdd3f
```
#fcdd3f rgb(252,221,63)
```

Complementary Color

#3fbdfc
```
#3fbdfc rgb(63,189,252)
```
#3f5efc
```
#3f5efc rgb(63,94,252)
```
#7f3ffc
```
#7f3ffc rgb(127,63,252)
```

Analogous Color

#bdfc3f
```
#bdfc3f rgb(189,252,63)
```
#3f5efc
```
#3f5efc rgb(63,94,252)
```
#fc7f3f
```
#fc7f3f rgb(252,127,63)
```

Split Complementary Color

#5efc3f
```
#5efc3f rgb(94,252,63)
```
#3f5efc
```
#3f5efc rgb(63,94,252)
```
#fc3f5e
```
#fc3f5e rgb(252,63,94)
```

Triadic Color

#3ffcdd
```
#3ffcdd rgb(63,252,221)
```
#3f5efc
```
#3f5efc rgb(63,94,252)
```
#fc3f5e
```
#fc3f5e rgb(252,63,94)
```
#fcdd3f
```
#fcdd3f rgb(252,221,63)
```

Tetradic Color

#042aeb
```
#042aeb rgb(4,42,235)
```
#0d34fb
```
#0d34fb rgb(13,52,251)
```
#2649fc
```
#2649fc rgb(38,73,252)
```
#3f5efc
```
#3f5efc rgb(63,94,252)
```
#5873fc
```
#5873fc rgb(88,115,252)
```
#7188fd
```
#7188fd rgb(113,136,253)
```
#8a9dfd
```
#8a9dfd rgb(138,157,253)
```

Monochromatic Color

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

#3f8dfc
```
#3f8dfc rgb(63,141,252)
```
#3f7efc
```
#3f7efc rgb(63,126,252)
```
#3f6efc
```
#3f6efc rgb(63,110,252)
```
#3f5efc
```
#3f5efc rgb(63,94,252)
```
#3f4efc
```
#3f4efc rgb(63,78,252)
```
#403ffc
```
#403ffc rgb(64,63,252)
```
#4f3ffc
```
#4f3ffc rgb(79,63,252)
```

Similar Colors

Text with hexadecimal color #3f5efc

This text has a font color of #3f5efc.

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

#3f5efc background color

This paragraph has a background color of #3f5efc.

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

#3f5efc border color

This element has a border color of #3f5efc.

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

CSS codes

.text {color:#3f5efc;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000414
```
#000414 rgb(0,4,20)
```
#010728
```
#010728 rgb(1,7,40)
```
#010a3b
```
#010a3b rgb(1,10,59)
```
#010e4e
```
#010e4e rgb(1,14,78)
```
#021162
```
#021162 rgb(2,17,98)
```
#021575
```
#021575 rgb(2,21,117)
```
#021888
```
#021888 rgb(2,24,136)
```
#021c9c
```
#021c9c rgb(2,28,156)
```
#031faf
```
#031faf rgb(3,31,175)
```
#0322c2
```
#0322c2 rgb(3,34,194)
```
#0326d6
```
#0326d6 rgb(3,38,214)
```
#0429e9
```
#0429e9 rgb(4,41,233)
```

Shade Color Variation

#052dfb
```
#052dfb rgb(5,45,251)
```
#183efb
```
#183efb rgb(24,62,251)
```
#2c4efc
```
#2c4efc rgb(44,78,252)
```
#3f5efc
```
#3f5efc rgb(63,94,252)
```
#526efc
```
#526efc rgb(82,110,252)
```
#667efd
```
#667efd rgb(102,126,253)
```
#798ffd
```
#798ffd rgb(121,143,253)
```
#8c9ffd
```
#8c9ffd rgb(140,159,253)
```
#a0affe
```
#a0affe rgb(160,175,254)
```
#b3bffe
```
#b3bffe rgb(179,191,254)
```
#c6cffe
```
#c6cffe rgb(198,207,254)
```
#dae0fe
```
#dae0fe rgb(218,224,254)
```
#edf0ff
```
#edf0ff rgb(237,240,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999aa2 is the less saturated color, while #3f5efc is the most saturated one.

#999aa2
```
#999aa2 rgb(153,154,162)
```
#9295aa
```
#9295aa rgb(146,149,170)
```
#8a90b1
```
#8a90b1 rgb(138,144,177)
```
#838bb9
```
#838bb9 rgb(131,139,185)
```
#7b86c0
```
#7b86c0 rgb(123,134,192)
```
#7481c8
```
#7481c8 rgb(116,129,200)
```
#6c7ccf
```
#6c7ccf rgb(108,124,207)
```
#6577d7
```
#6577d7 rgb(101,119,215)
```
#5d72de
```
#5d72de rgb(93,114,222)
```
#566de6
```
#566de6 rgb(86,109,230)
```
#4e68ed
```
#4e68ed rgb(78,104,237)
```
#4763f5
```
#4763f5 rgb(71,99,245)
```
#3f5efc
```
#3f5efc rgb(63,94,252)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5f6585 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#007ac4 Deuteranopia 1% of men
#00828a Tritanopia 0.001% of the population

Trichromacy

#166beb Protanomaly 1% of men, 0.01% of women
#166fd8 Deuteranomaly 6% of men, 0.4% of women
#1675b3 Tritanomaly 0.01% of the population

#3f5efc hex color

#3f5efc Color Information

#3f5efc Color Conversion

Color Schemes with #3f5efc

Alternatives to #3f5efc

#3f5efc Preview

Shades and Tints of #3f5efc

Tones of #3f5efc

Color Blindness Simulator