colorhexa.com

#3b45dc hex color

In a RGB color space, hex #3b45dc is composed of 23.1% red, 27.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 73.2% cyan, 68.6% magenta, 0% yellow and 13.7% black. It has a hue angle of 236.3 degrees, a saturation of 69.7% and a lightness of 54.7%. #3b45dc color hex could be obtained by blending #768aff with #0000b9. Closest websafe color is: #3333cc.

- R 23
- G 27
- B 86
RGB color chart
- C 73
- M 69
- Y 0
- K 14
CMYK color chart

● #3b45dc color description : Bright blue.

The hexadecimal color #3b45dc has RGB values of R:59, G:69, B:220 and CMYK values of C:0.73, M:0.69, Y:0, K:0.14. Its decimal value is 3884508.

Hex triplet	3b45dc	`#3b45dc`
RGB Decimal	59, 69, 220	`rgb(59,69,220)`
RGB Percent	23.1, 27.1, 86.3	`rgb(23.1%,27.1%,86.3%)`
CMYK	73, 69, 0, 14
HSL	236.3°, 69.7, 54.7	`hsl(236.3,69.7%,54.7%)`
HSV (or HSB)	236.3°, 73.2, 86.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	38.467, 46.094, -77.726
XYZ	16.847, 10.352, 68.817
xyY	0.175, 0.108, 10.352
CIE-LCH	38.467, 90.366, 300.669
CIE-LUV	38.467, -9.919, -111.133
Hunter-Lab	32.175, 37.16, -104.288
Binary	00111011, 01000101, 11011100

#3b45dc
```
#3b45dc rgb(59,69,220)
```
#dcd23b
```
#dcd23b rgb(220,210,59)
```

Complementary Color

#3b96dc
```
#3b96dc rgb(59,150,220)
```
#3b45dc
```
#3b45dc rgb(59,69,220)
```
#823bdc
```
#823bdc rgb(130,59,220)
```

Analogous Color

#96dc3b
```
#96dc3b rgb(150,220,59)
```
#3b45dc
```
#3b45dc rgb(59,69,220)
```
#dc823b
```
#dc823b rgb(220,130,59)
```

Split Complementary Color

#45dc3b
```
#45dc3b rgb(69,220,59)
```
#3b45dc
```
#3b45dc rgb(59,69,220)
```
#dc3b45
```
#dc3b45 rgb(220,59,69)
```

Triadic Color

#3bdcd2
```
#3bdcd2 rgb(59,220,210)
```
#3b45dc
```
#3b45dc rgb(59,69,220)
```
#dc3b45
```
#dc3b45 rgb(220,59,69)
```
#dcd23b
```
#dcd23b rgb(220,210,59)
```

Tetradic Color

#1f27ac
```
#1f27ac rgb(31,39,172)
```
#232cc1
```
#232cc1 rgb(35,44,193)
```
#2631d7
```
#2631d7 rgb(38,49,215)
```
#3b45dc
```
#3b45dc rgb(59,69,220)
```
#515ae0
```
#515ae0 rgb(81,90,224)
```
#666ee4
```
#666ee4 rgb(102,110,228)
```
#7c83e8
```
#7c83e8 rgb(124,131,232)
```

Monochromatic Color

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

#3b6ddc
```
#3b6ddc rgb(59,109,220)
```
#3b60dc
```
#3b60dc rgb(59,96,220)
```
#3b52dc
```
#3b52dc rgb(59,82,220)
```
#3b45dc
```
#3b45dc rgb(59,69,220)
```
#3e3bdc
```
#3e3bdc rgb(62,59,220)
```
#4c3bdc
```
#4c3bdc rgb(76,59,220)
```
#593bdc
```
#593bdc rgb(89,59,220)
```

Similar Colors

Text with hexadecimal color #3b45dc

This text has a font color of #3b45dc.

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

#3b45dc background color

This paragraph has a background color of #3b45dc.

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

#3b45dc border color

This element has a border color of #3b45dc.

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

CSS codes

.text {color:#3b45dc;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#040514
```
#040514 rgb(4,5,20)
```
#070825
```
#070825 rgb(7,8,37)
```
#0a0c36
```
#0a0c36 rgb(10,12,54)
```
#0d1046
```
#0d1046 rgb(13,16,70)
```
#101457
```
#101457 rgb(16,20,87)
```
#121868
```
#121868 rgb(18,24,104)
```
#151c78
```
#151c78 rgb(21,28,120)
```
#181f89
```
#181f89 rgb(24,31,137)
```
#1b239a
```
#1b239a rgb(27,35,154)
```
#1e27aa
```
#1e27aa rgb(30,39,170)
```
#212bbb
```
#212bbb rgb(33,43,187)
```
#242fcb
```
#242fcb rgb(36,47,203)
```

Shade Color Variation

#2a35d9
```
#2a35d9 rgb(42,53,217)
```
#3b45dc
```
#3b45dc rgb(59,69,220)
```
#4c55df
```
#4c55df rgb(76,85,223)
```
#5c65e2
```
#5c65e2 rgb(92,101,226)
```
#6d74e5
```
#6d74e5 rgb(109,116,229)
```
#7e84e8
```
#7e84e8 rgb(126,132,232)
```
#8e94eb
```
#8e94eb rgb(142,148,235)
```
#9fa4ee
```
#9fa4ee rgb(159,164,238)
```
#b0b4f1
```
#b0b4f1 rgb(176,180,241)
```
#c0c3f4
```
#c0c3f4 rgb(192,195,244)
```
#d1d3f7
```
#d1d3f7 rgb(209,211,247)
```
#e1e3fa
```
#e1e3fa rgb(225,227,250)
```
#f2f3fd
```
#f2f3fd rgb(242,243,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 #202ef7 is the most saturated one.

#8b8b8c
```
#8b8b8c rgb(139,139,140)
```
#828395
```
#828395 rgb(130,131,149)
```
#797b9e
```
#797b9e rgb(121,123,158)
```
#7074a7
```
#7074a7 rgb(112,116,167)
```
#676cb0
```
#676cb0 rgb(103,108,176)
```
#5f64b8
```
#5f64b8 rgb(95,100,184)
```
#565cc1
```
#565cc1 rgb(86,92,193)
```
#4d55ca
```
#4d55ca rgb(77,85,202)
```
#444dd3
```
#444dd3 rgb(68,77,211)
```
#3b45dc
```
#3b45dc rgb(59,69,220)
```
#323de5
```
#323de5 rgb(50,61,229)
```
#2935ee
```
#2935ee rgb(41,53,238)
```
#202ef7
```
#202ef7 rgb(32,46,247)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4e506e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bb Protanopia 1% of men
#0065a2 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

#1556c7 Protanomaly 1% of men, 0.01% of women
#1559b7 Deuteranomaly 6% of men, 0.4% of women
#155e99 Tritanomaly 0.01% of the population