#3b60dc hex color

In a RGB color space, hex #3b60dc is composed of 23.1% red, 37.6% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 73.2% cyan, 56.4% magenta, 0% yellow and 13.7% black. It has a hue angle of 226.2 degrees, a saturation of 69.7% and a lightness of 54.7%. #3b60dc color hex could be obtained by blending #76c0ff with #0000b9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 23
- G 38
- B 86
RGB color chart
- C 73
- M 56
- Y 0
- K 14
CMYK color chart

● #3b60dc color description : Bright blue.

The hexadecimal color #3b60dc has RGB values of R:59, G:96, B:220 and CMYK values of C:0.73, M:0.56, Y:0, K:0.14. Its decimal value is 3891420.

Hex triplet	3b60dc	`#3b60dc`
RGB Decimal	59, 96, 220	`rgb(59,96,220)`
RGB Percent	23.1, 37.6, 86.3	`rgb(23.1%,37.6%,86.3%)`
CMYK	73, 56, 0, 14
HSL	226.2°, 69.7, 54.7	`hsl(226.2,69.7%,54.7%)`
HSV (or HSB)	226.2°, 73.2, 86.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.888, 29.403, -67.224
XYZ	18.902, 14.462, 69.501
xyY	0.184, 0.141, 14.462
CIE-LCH	44.888, 73.373, 293.624
CIE-LUV	44.888, -16.151, -102.361
Hunter-Lab	38.028, 22.174, -81.74
Binary	00111011, 01100000, 11011100

#3b60dc
```
#3b60dc rgb(59,96,220)
```
#dcb73b
```
#dcb73b rgb(220,183,59)
```

Complementary Color

#3bb1dc
```
#3bb1dc rgb(59,177,220)
```
#3b60dc
```
#3b60dc rgb(59,96,220)
```
#673bdc
```
#673bdc rgb(103,59,220)
```

Analogous Color

#b1dc3b
```
#b1dc3b rgb(177,220,59)
```
#3b60dc
```
#3b60dc rgb(59,96,220)
```
#dc673b
```
#dc673b rgb(220,103,59)
```

Split Complementary Color

#60dc3b
```
#60dc3b rgb(96,220,59)
```
#3b60dc
```
#3b60dc rgb(59,96,220)
```
#dc3b60
```
#dc3b60 rgb(220,59,96)
```

Triadic Color

#3bdcb7
```
#3bdcb7 rgb(59,220,183)
```
#3b60dc
```
#3b60dc rgb(59,96,220)
```
#dc3b60
```
#dc3b60 rgb(220,59,96)
```
#dcb73b
```
#dcb73b rgb(220,183,59)
```

Tetradic Color

#1f3fac
```
#1f3fac rgb(31,63,172)
```
#2347c1
```
#2347c1 rgb(35,71,193)
```
#264fd7
```
#264fd7 rgb(38,79,215)
```
#3b60dc
```
#3b60dc rgb(59,96,220)
```
#5172e0
```
#5172e0 rgb(81,114,224)
```
#6683e4
```
#6683e4 rgb(102,131,228)
```
#7c95e8
```
#7c95e8 rgb(124,149,232)
```

Monochromatic Color

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

#3b88dc
```
#3b88dc rgb(59,136,220)
```
#3b7bdc
```
#3b7bdc rgb(59,123,220)
```
#3b6ddc
```
#3b6ddc rgb(59,109,220)
```
#3b60dc
```
#3b60dc rgb(59,96,220)
```
#3b53dc
```
#3b53dc rgb(59,83,220)
```
#3b45dc
```
#3b45dc rgb(59,69,220)
```
#3e3bdc
```
#3e3bdc rgb(62,59,220)
```

Similar Colors

Text with hexadecimal color #3b60dc

This text has a font color of #3b60dc.

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

#3b60dc background color

This paragraph has a background color of #3b60dc.

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

#3b60dc border color

This element has a border color of #3b60dc.

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

CSS codes

.text {color:#3b60dc;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#040714
```
#040714 rgb(4,7,20)
```
#070e25
```
#070e25 rgb(7,14,37)
```
#0a1436
```
#0a1436 rgb(10,20,54)
```
#0d1a46
```
#0d1a46 rgb(13,26,70)
```
#102057
```
#102057 rgb(16,32,87)
```
#122668
```
#122668 rgb(18,38,104)
```
#152c78
```
#152c78 rgb(21,44,120)
```
#183289
```
#183289 rgb(24,50,137)
```
#1b389a
```
#1b389a rgb(27,56,154)
```
#1e3faa
```
#1e3faa rgb(30,63,170)
```
#2145bb
```
#2145bb rgb(33,69,187)
```
#244bcb
```
#244bcb rgb(36,75,203)
```

Shade Color Variation

#2a52d9
```
#2a52d9 rgb(42,82,217)
```
#3b60dc
```
#3b60dc rgb(59,96,220)
```
#4c6edf
```
#4c6edf rgb(76,110,223)
```
#5c7be2
```
#5c7be2 rgb(92,123,226)
```
#6d89e5
```
#6d89e5 rgb(109,137,229)
```
#7e96e8
```
#7e96e8 rgb(126,150,232)
```
#8ea4eb
```
#8ea4eb rgb(142,164,235)
```
#9fb1ee
```
#9fb1ee rgb(159,177,238)
```
#b0bff1
```
#b0bff1 rgb(176,191,241)
```
#c0ccf4
```
#c0ccf4 rgb(192,204,244)
```
#d1daf7
```
#d1daf7 rgb(209,218,247)
```
#e1e7fa
```
#e1e7fa rgb(225,231,250)
```
#f2f5fd
```
#f2f5fd rgb(242,245,253)
```

Tint Color Variation

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

#8b8b8c
```
#8b8b8c rgb(139,139,140)
```
#828695
```
#828695 rgb(130,134,149)
```
#79829e
```
#79829e rgb(121,130,158)
```
#707da7
```
#707da7 rgb(112,125,167)
```
#6778b0
```
#6778b0 rgb(103,120,176)
```
#5f73b8
```
#5f73b8 rgb(95,115,184)
```
#566ec1
```
#566ec1 rgb(86,110,193)
```
#4d6aca
```
#4d6aca rgb(77,106,202)
```
#4465d3
```
#4465d3 rgb(68,101,211)
```
#3b60dc
```
#3b60dc rgb(59,96,220)
```
#325be5
```
#325be5 rgb(50,91,229)
```
#2956ee
```
#2956ee rgb(41,86,238)
```
#2052f7
```
#2052f7 rgb(32,82,247)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5b627b Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1569d9 Protanomaly 1% of men, 0.01% of women
#156dc8 Deuteranomaly 6% of men, 0.4% of women
#1572a4 Tritanomaly 0.01% of the population

#3b60dc hex color

#3b60dc Color Information

#3b60dc Color Conversion

Color Schemes with #3b60dc

Alternatives to #3b60dc

#3b60dc Preview

Shades and Tints of #3b60dc

Tones of #3b60dc

Color Blindness Simulator