#3f5fef hex color

In a RGB color space, hex #3f5fef is composed of 24.7% red, 37.3% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 73.6% cyan, 60.3% magenta, 0% yellow and 6.3% black. It has a hue angle of 229.1 degrees, a saturation of 84.6% and a lightness of 59.2%. #3f5fef color hex could be obtained by blending #7ebeff with #0000df. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 25
- G 37
- B 94
RGB color chart
- C 74
- M 60
- Y 0
- K 6
CMYK color chart

● #3f5fef color description : Bright blue.

The hexadecimal color #3f5fef has RGB values of R:63, G:95, B:239 and CMYK values of C:0.74, M:0.6, Y:0, K:0.06. Its decimal value is 4153327.

Hex triplet	3f5fef	`#3f5fef`
RGB Decimal	63, 95, 239	`rgb(63,95,239)`
RGB Percent	24.7, 37.3, 93.7	`rgb(24.7%,37.3%,93.7%)`
CMYK	74, 60, 0, 6
HSL	229.1°, 84.6, 59.2	`hsl(229.1,84.6%,59.2%)`
HSV (or HSB)	229.1°, 73.6, 93.7
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.274, 37.261, -75.695
XYZ	21.719, 15.472, 83.498
xyY	0.18, 0.128, 15.472
CIE-LCH	46.274, 84.369, 296.209
CIE-LUV	46.274, -15.38, -115.628
Hunter-Lab	39.334, 29.726, -98.327
Binary	00111111, 01011111, 11101111

#3f5fef
```
#3f5fef rgb(63,95,239)
```
#efcf3f
```
#efcf3f rgb(239,207,63)
```

Complementary Color

#3fb7ef
```
#3fb7ef rgb(63,183,239)
```
#3f5fef
```
#3f5fef rgb(63,95,239)
```
#773fef
```
#773fef rgb(119,63,239)
```

Analogous Color

#b7ef3f
```
#b7ef3f rgb(183,239,63)
```
#3f5fef
```
#3f5fef rgb(63,95,239)
```
#ef773f
```
#ef773f rgb(239,119,63)
```

Split Complementary Color

#5fef3f
```
#5fef3f rgb(95,239,63)
```
#3f5fef
```
#3f5fef rgb(63,95,239)
```
#ef3f5f
```
#ef3f5f rgb(239,63,95)
```

Triadic Color

#3fefcf
```
#3fefcf rgb(63,239,207)
```
#3f5fef
```
#3f5fef rgb(63,95,239)
```
#ef3f5f
```
#ef3f5f rgb(239,63,95)
```
#efcf3f
```
#efcf3f rgb(239,207,63)
```

Tetradic Color

#1134d0
```
#1134d0 rgb(17,52,208)
```
#133ae8
```
#133ae8 rgb(19,58,232)
```
#274bed
```
#274bed rgb(39,75,237)
```
#3f5fef
```
#3f5fef rgb(63,95,239)
```
#5773f1
```
#5773f1 rgb(87,115,241)
```
#6e86f3
```
#6e86f3 rgb(110,134,243)
```
#869af5
```
#869af5 rgb(134,154,245)
```

Monochromatic Color

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

#3f8bef
```
#3f8bef rgb(63,139,239)
```
#3f7cef
```
#3f7cef rgb(63,124,239)
```
#3f6eef
```
#3f6eef rgb(63,110,239)
```
#3f5fef
```
#3f5fef rgb(63,95,239)
```
#3f50ef
```
#3f50ef rgb(63,80,239)
```
#3f42ef
```
#3f42ef rgb(63,66,239)
```
#4b3fef
```
#4b3fef rgb(75,63,239)
```

Similar Colors

Text with hexadecimal color #3f5fef

This text has a font color of #3f5fef.

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

#3f5fef background color

This paragraph has a background color of #3f5fef.

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

#3f5fef border color

This element has a border color of #3f5fef.

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

CSS codes

.text {color:#3f5fef;}

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

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

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

#010207
```
#010207 rgb(1,2,7)
```
#020619
```
#020619 rgb(2,6,25)
```
#040b2b
```
#040b2b rgb(4,11,43)
```
#050f3d
```
#050f3d rgb(5,15,61)
```
#071450
```
#071450 rgb(7,20,80)
```
#081862
```
#081862 rgb(8,24,98)
```
#0a1d74
```
#0a1d74 rgb(10,29,116)
```
#0b2186
```
#0b2186 rgb(11,33,134)
```
#0d2698
```
#0d2698 rgb(13,38,152)
```
#0e2baa
```
#0e2baa rgb(14,43,170)
```
#102fbc
```
#102fbc rgb(16,47,188)
```
#1134ce
```
#1134ce rgb(17,52,206)
```
#1338e0
```
#1338e0 rgb(19,56,224)
```

Shade Color Variation

#1b41ec
```
#1b41ec rgb(27,65,236)
```
#2d50ed
```
#2d50ed rgb(45,80,237)
```
#3f5fef
```
#3f5fef rgb(63,95,239)
```
#516ef1
```
#516ef1 rgb(81,110,241)
```
#637df2
```
#637df2 rgb(99,125,242)
```
#758cf4
```
#758cf4 rgb(117,140,244)
```
#879bf5
```
#879bf5 rgb(135,155,245)
```
#9aaaf7
```
#9aaaf7 rgb(154,170,247)
```
#acbaf8
```
#acbaf8 rgb(172,186,248)
```
#bec9fa
```
#bec9fa rgb(190,201,250)
```
#d0d8fb
```
#d0d8fb rgb(208,216,251)
```
#e2e7fd
```
#e2e7fd rgb(226,231,253)
```
#f4f6fe
```
#f4f6fe rgb(244,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f929f is the less saturated color, while #2f55ff is the most saturated one.

#8f929f
```
#8f929f rgb(143,146,159)
```
#878da7
```
#878da7 rgb(135,141,167)
```
#7f88af
```
#7f88af rgb(127,136,175)
```
#7783b7
```
#7783b7 rgb(119,131,183)
```
#6f7ebf
```
#6f7ebf rgb(111,126,191)
```
#6778c7
```
#6778c7 rgb(103,120,199)
```
#5f73cf
```
#5f73cf rgb(95,115,207)
```
#576ed7
```
#576ed7 rgb(87,110,215)
```
#4f69df
```
#4f69df rgb(79,105,223)
```
#4764e7
```
#4764e7 rgb(71,100,231)
```
#3f5fef
```
#3f5fef rgb(63,95,239)
```
#375af7
```
#375af7 rgb(55,90,247)
```
#2f55ff
```
#2f55ff rgb(47,85,255)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#5e6581 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071de Protanopia 1% of men
#0078c1 Deuteranopia 1% of men
#008088 Tritanopia 0.001% of the population

Trichromacy

#166ae4 Protanomaly 1% of men, 0.01% of women
#166ed2 Deuteranomaly 6% of men, 0.4% of women
#1674ad Tritanomaly 0.01% of the population

#3f5fef hex color

#3f5fef Color Information

#3f5fef Color Conversion

Color Schemes with #3f5fef

Alternatives to #3f5fef

#3f5fef Preview

Shades and Tints of #3f5fef

Tones of #3f5fef

Color Blindness Simulator