#3b61b0 hex color

In a RGB color space, hex #3b61b0 is composed of 23.1% red, 38% green and 69% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 44.9% magenta, 0% yellow and 31% black. It has a hue angle of 220.5 degrees, a saturation of 49.8% and a lightness of 46.1%. #3b61b0 color hex could be obtained by blending #76c2ff with #000061. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 23
- G 38
- B 69
RGB color chart
- C 66
- M 45
- Y 0
- K 31
CMYK color chart

● #3b61b0 color description : Dark moderate blue.

The hexadecimal color #3b61b0 has RGB values of R:59, G:97, B:176 and CMYK values of C:0.66, M:0.45, Y:0, K:0.31. Its decimal value is 3891632.

Hex triplet	3b61b0	`#3b61b0`
RGB Decimal	59, 97, 176	`rgb(59,97,176)`
RGB Percent	23.1, 38, 69	`rgb(23.1%,38%,69%)`
CMYK	66, 45, 0, 31
HSL	220.5°, 49.8, 46.1	`hsl(220.5,49.8%,46.1%)`
HSV (or HSB)	220.5°, 66.5, 69
Web Safe	336699	`#336699`

CIE-LAB	42.174, 12.76, -46.176
XYZ	13.913, 12.613, 42.773
xyY	0.201, 0.182, 12.613
CIE-LCH	42.174, 47.907, 285.448
CIE-LUV	42.174, -16.405, -68.987
Hunter-Lab	35.515, 7.778, -46.548
Binary	00111011, 01100001, 10110000

#3b61b0
```
#3b61b0 rgb(59,97,176)
```
#b08a3b
```
#b08a3b rgb(176,138,59)
```

Complementary Color

#3b9cb0
```
#3b9cb0 rgb(59,156,176)
```
#3b61b0
```
#3b61b0 rgb(59,97,176)
```
#503bb0
```
#503bb0 rgb(80,59,176)
```

Analogous Color

#9cb03b
```
#9cb03b rgb(156,176,59)
```
#3b61b0
```
#3b61b0 rgb(59,97,176)
```
#b0503b
```
#b0503b rgb(176,80,59)
```

Split Complementary Color

#61b03b
```
#61b03b rgb(97,176,59)
```
#3b61b0
```
#3b61b0 rgb(59,97,176)
```
#b03b61
```
#b03b61 rgb(176,59,97)
```

Triadic Color

#3bb08a
```
#3bb08a rgb(59,176,138)
```
#3b61b0
```
#3b61b0 rgb(59,97,176)
```
#b03b61
```
#b03b61 rgb(176,59,97)
```
#b08a3b
```
#b08a3b rgb(176,138,59)
```

Tetradic Color

#284177
```
#284177 rgb(40,65,119)
```
#2e4c8a
```
#2e4c8a rgb(46,76,138)
```
#35569d
```
#35569d rgb(53,86,157)
```
#3b61b0
```
#3b61b0 rgb(59,97,176)
```
#446cc0
```
#446cc0 rgb(68,108,192)
```
#577bc7
```
#577bc7 rgb(87,123,199)
```
#6a8acd
```
#6a8acd rgb(106,138,205)
```

Monochromatic Color

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

#3b7eb0
```
#3b7eb0 rgb(59,126,176)
```
#3b75b0
```
#3b75b0 rgb(59,117,176)
```
#3b6bb0
```
#3b6bb0 rgb(59,107,176)
```
#3b61b0
```
#3b61b0 rgb(59,97,176)
```
#3b57b0
```
#3b57b0 rgb(59,87,176)
```
#3b4eb0
```
#3b4eb0 rgb(59,78,176)
```
#3b44b0
```
#3b44b0 rgb(59,68,176)
```

Similar Colors

Text with hexadecimal color #3b61b0

This text has a font color of #3b61b0.

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

#3b61b0 background color

This paragraph has a background color of #3b61b0.

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

#3b61b0 border color

This element has a border color of #3b61b0.

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

CSS codes

.text {color:#3b61b0;}

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

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

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, #05080e is the darkest color, while #ffffff is the lightest one.

#05080e
```
#05080e rgb(5,8,14)
```
#0a101d
```
#0a101d rgb(10,16,29)
```
#0f182c
```
#0f182c rgb(15,24,44)
```
#14203a
```
#14203a rgb(20,32,58)
```
#192849
```
#192849 rgb(25,40,73)
```
#1d3058
```
#1d3058 rgb(29,48,88)
```
#223967
```
#223967 rgb(34,57,103)
```
#274175
```
#274175 rgb(39,65,117)
```
#2c4984
```
#2c4984 rgb(44,73,132)
```
#315193
```
#315193 rgb(49,81,147)
```
#3659a1
```
#3659a1 rgb(54,89,161)
```
#3b61b0
```
#3b61b0 rgb(59,97,176)
```
#4069bf
```
#4069bf rgb(64,105,191)
```

Shade Color Variation

#4e75c4
```
#4e75c4 rgb(78,117,196)
```
#5d80c9
```
#5d80c9 rgb(93,128,201)
```
#6c8cce
```
#6c8cce rgb(108,140,206)
```
#7a97d3
```
#7a97d3 rgb(122,151,211)
```
#89a3d8
```
#89a3d8 rgb(137,163,216)
```
#98aedc
```
#98aedc rgb(152,174,220)
```
#a7bae1
```
#a7bae1 rgb(167,186,225)
```
#b5c5e6
```
#b5c5e6 rgb(181,197,230)
```
#c4d1eb
```
#c4d1eb rgb(196,209,235)
```
#d3dcf0
```
#d3dcf0 rgb(211,220,240)
```
#e1e8f5
```
#e1e8f5 rgb(225,232,245)
```
#f0f3fa
```
#f0f3fa rgb(240,243,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71747a is the less saturated color, while #054ee6 is the most saturated one.

#71747a
```
#71747a rgb(113,116,122)
```
#687183
```
#687183 rgb(104,113,131)
```
#5f6e8c
```
#5f6e8c rgb(95,110,140)
```
#566b95
```
#566b95 rgb(86,107,149)
```
#4d679e
```
#4d679e rgb(77,103,158)
```
#4464a7
```
#4464a7 rgb(68,100,167)
```
#3b61b0
```
#3b61b0 rgb(59,97,176)
```
#325eb9
```
#325eb9 rgb(50,94,185)
```
#295bc2
```
#295bc2 rgb(41,91,194)
```
#2057cb
```
#2057cb rgb(32,87,203)
```
#1754d4
```
#1754d4 rgb(23,84,212)
```
#0e51dd
```
#0e51dd rgb(14,81,221)
```
#054ee6
```
#054ee6 rgb(5,78,230)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#585f6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4569b4 Protanopia 1% of men
#276db2 Deuteranopia 1% of men
#07767e Tritanopia 0.001% of the population

Trichromacy

#4166b2 Protanomaly 1% of men, 0.01% of women
#2e68b1 Deuteranomaly 6% of men, 0.4% of women
#1a6e90 Tritanomaly 0.01% of the population

#3b61b0 hex color

#3b61b0 Color Information

#3b61b0 Color Conversion

Color Schemes with #3b61b0

Alternatives to #3b61b0

#3b61b0 Preview

Shades and Tints of #3b61b0

Tones of #3b61b0

Color Blindness Simulator