#3f60eb hex color

In a RGB color space, hex #3f60eb is composed of 24.7% red, 37.6% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 73.2% cyan, 59.1% magenta, 0% yellow and 7.8% black. It has a hue angle of 228.5 degrees, a saturation of 81.1% and a lightness of 58.4%. #3f60eb color hex could be obtained by blending #7ec0ff with #0000d7. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 25
- G 38
- B 92
RGB color chart
- C 73
- M 59
- Y 0
- K 8
CMYK color chart

● #3f60eb color description : Bright blue.

The hexadecimal color #3f60eb has RGB values of R:63, G:96, B:235 and CMYK values of C:0.73, M:0.59, Y:0, K:0.08. Its decimal value is 4153579.

Hex triplet	3f60eb	`#3f60eb`
RGB Decimal	63, 96, 235	`rgb(63,96,235)`
RGB Percent	24.7, 37.6, 92.2	`rgb(24.7%,37.6%,92.2%)`
CMYK	73, 59, 0, 8
HSL	228.5°, 81.1, 58.4	`hsl(228.5,81.1%,58.4%)`
HSV (or HSB)	228.5°, 73.2, 92.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.203, 35.23, -73.562
XYZ	21.225, 15.419, 80.45
xyY	0.181, 0.132, 15.419
CIE-LCH	46.203, 81.563, 295.591
CIE-LUV	46.203, -15.575, -112.525
Hunter-Lab	39.267, 27.766, -93.985
Binary	00111111, 01100000, 11101011

#3f60eb
```
#3f60eb rgb(63,96,235)
```
#ebca3f
```
#ebca3f rgb(235,202,63)
```

Complementary Color

#3fb6eb
```
#3fb6eb rgb(63,182,235)
```
#3f60eb
```
#3f60eb rgb(63,96,235)
```
#743feb
```
#743feb rgb(116,63,235)
```

Analogous Color

#b6eb3f
```
#b6eb3f rgb(182,235,63)
```
#3f60eb
```
#3f60eb rgb(63,96,235)
```
#eb743f
```
#eb743f rgb(235,116,63)
```

Split Complementary Color

#60eb3f
```
#60eb3f rgb(96,235,63)
```
#3f60eb
```
#3f60eb rgb(63,96,235)
```
#eb3f60
```
#eb3f60 rgb(235,63,96)
```

Triadic Color

#3febca
```
#3febca rgb(63,235,202)
```
#3f60eb
```
#3f60eb rgb(63,96,235)
```
#eb3f60
```
#eb3f60 rgb(235,63,96)
```
#ebca3f
```
#ebca3f rgb(235,202,63)
```

Tetradic Color

#1537c9
```
#1537c9 rgb(21,55,201)
```
#173ee0
```
#173ee0 rgb(23,62,224)
```
#284de9
```
#284de9 rgb(40,77,233)
```
#3f60eb
```
#3f60eb rgb(63,96,235)
```
#5673ed
```
#5673ed rgb(86,115,237)
```
#6d86f0
```
#6d86f0 rgb(109,134,240)
```
#8499f2
```
#8499f2 rgb(132,153,242)
```

Monochromatic Color

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

#3f8beb
```
#3f8beb rgb(63,139,235)
```
#3f7deb
```
#3f7deb rgb(63,125,235)
```
#3f6eeb
```
#3f6eeb rgb(63,110,235)
```
#3f60eb
```
#3f60eb rgb(63,96,235)
```
#3f52eb
```
#3f52eb rgb(63,82,235)
```
#3f43eb
```
#3f43eb rgb(63,67,235)
```
#493feb
```
#493feb rgb(73,63,235)
```

Similar Colors

Text with hexadecimal color #3f60eb

This text has a font color of #3f60eb.

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

#3f60eb background color

This paragraph has a background color of #3f60eb.

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

#3f60eb border color

This element has a border color of #3f60eb.

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

CSS codes

.text {color:#3f60eb;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#020615
```
#020615 rgb(2,6,21)
```
#040b27
```
#040b27 rgb(4,11,39)
```
#061039
```
#061039 rgb(6,16,57)
```
#08154a
```
#08154a rgb(8,21,74)
```
#0a195c
```
#0a195c rgb(10,25,92)
```
#0b1e6e
```
#0b1e6e rgb(11,30,110)
```
#0d2380
```
#0d2380 rgb(13,35,128)
```
#0f2892
```
#0f2892 rgb(15,40,146)
```
#112da3
```
#112da3 rgb(17,45,163)
```
#1332b5
```
#1332b5 rgb(19,50,181)
```
#1537c7
```
#1537c7 rgb(21,55,199)
```
#173cd9
```
#173cd9 rgb(23,60,217)
```

Shade Color Variation

#1b43e7
```
#1b43e7 rgb(27,67,231)
```
#2d51e9
```
#2d51e9 rgb(45,81,233)
```
#3f60eb
```
#3f60eb rgb(63,96,235)
```
#516fed
```
#516fed rgb(81,111,237)
```
#637def
```
#637def rgb(99,125,239)
```
#748cf1
```
#748cf1 rgb(116,140,241)
```
#869bf2
```
#869bf2 rgb(134,155,242)
```
#98aaf4
```
#98aaf4 rgb(152,170,244)
```
#aab8f6
```
#aab8f6 rgb(170,184,246)
```
#bbc7f8
```
#bbc7f8 rgb(187,199,248)
```
#cdd6fa
```
#cdd6fa rgb(205,214,250)
```
#dfe4fc
```
#dfe4fc rgb(223,228,252)
```
#f1f3fe
```
#f1f3fe rgb(241,243,254)
```

Tint Color Variation

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

#919299
```
#919299 rgb(145,146,153)
```
#888da2
```
#888da2 rgb(136,141,162)
```
#8088aa
```
#8088aa rgb(128,136,170)
```
#7883b2
```
#7883b2 rgb(120,131,178)
```
#707eba
```
#707eba rgb(112,126,186)
```
#6879c2
```
#6879c2 rgb(104,121,194)
```
#6074ca
```
#6074ca rgb(96,116,202)
```
#576fd3
```
#576fd3 rgb(87,111,211)
```
#4f6adb
```
#4f6adb rgb(79,106,219)
```
#4765e3
```
#4765e3 rgb(71,101,227)
```
#3f60eb
```
#3f60eb rgb(63,96,235)
```
#375bf3
```
#375bf3 rgb(55,91,243)
```
#2f56fb
```
#2f56fb rgb(47,86,251)
```

Tone Color Variation

Below, you can see how #3f60eb 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
#0077c1 Deuteranopia 1% of men
#008088 Tritanopia 0.001% of the population

Trichromacy

#166be2 Protanomaly 1% of men, 0.01% of women
#166fd0 Deuteranomaly 6% of men, 0.4% of women
#1674ac Tritanomaly 0.01% of the population

#3f60eb hex color

#3f60eb Color Information

#3f60eb Color Conversion

Color Schemes with #3f60eb

Alternatives to #3f60eb

#3f60eb Preview

Shades and Tints of #3f60eb

Tones of #3f60eb

Color Blindness Simulator