#3b45f0 hex color

In a RGB color space, hex #3b45f0 is composed of 23.1% red, 27.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 71.3% magenta, 0% yellow and 5.9% black. It has a hue angle of 236.7 degrees, a saturation of 85.8% and a lightness of 58.6%. #3b45f0 color hex could be obtained by blending #768aff with #0000e1. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 23
- G 27
- B 94
RGB color chart
- C 75
- M 71
- Y 0
- K 6
CMYK color chart

● #3b45f0 color description : Bright blue.

The hexadecimal color #3b45f0 has RGB values of R:59, G:69, B:240 and CMYK values of C:0.75, M:0.71, Y:0, K:0.06. Its decimal value is 3884528.

Hex triplet	3b45f0	`#3b45f0`
RGB Decimal	59, 69, 240	`rgb(59,69,240)`
RGB Percent	23.1, 27.1, 94.1	`rgb(23.1%,27.1%,94.1%)`
CMYK	75, 71, 0, 6
HSL	236.7°, 85.8, 58.6	`hsl(236.7,85.8%,58.6%)`
HSV (or HSB)	236.7°, 75.4, 94.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.371, 52.706, -85.956
XYZ	19.657, 11.476, 83.612
xyY	0.171, 0.1, 11.476
CIE-LCH	40.371, 100.828, 301.515
CIE-LUV	40.371, -10.604, -123.331
Hunter-Lab	33.876, 44.291, -122.624
Binary	00111011, 01000101, 11110000

#3b45f0
```
#3b45f0 rgb(59,69,240)
```
#f0e63b
```
#f0e63b rgb(240,230,59)
```

Complementary Color

#3ba0f0
```
#3ba0f0 rgb(59,160,240)
```
#3b45f0
```
#3b45f0 rgb(59,69,240)
```
#8c3bf0
```
#8c3bf0 rgb(140,59,240)
```

Analogous Color

#a0f03b
```
#a0f03b rgb(160,240,59)
```
#3b45f0
```
#3b45f0 rgb(59,69,240)
```
#f08c3b
```
#f08c3b rgb(240,140,59)
```

Split Complementary Color

#45f03b
```
#45f03b rgb(69,240,59)
```
#3b45f0
```
#3b45f0 rgb(59,69,240)
```
#f03b45
```
#f03b45 rgb(240,59,69)
```

Triadic Color

#3bf0e6
```
#3bf0e6 rgb(59,240,230)
```
#3b45f0
```
#3b45f0 rgb(59,69,240)
```
#f03b45
```
#f03b45 rgb(240,59,69)
```
#f0e63b
```
#f0e63b rgb(240,230,59)
```

Tetradic Color

#101acf
```
#101acf rgb(16,26,207)
```
#121de6
```
#121de6 rgb(18,29,230)
```
#232fee
```
#232fee rgb(35,47,238)
```
#3b45f0
```
#3b45f0 rgb(59,69,240)
```
#535bf2
```
#535bf2 rgb(83,91,242)
```
#6a72f4
```
#6a72f4 rgb(106,114,244)
```
#8288f5
```
#8288f5 rgb(130,136,245)
```

Monochromatic Color

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

#3b72f0
```
#3b72f0 rgb(59,114,240)
```
#3b63f0
```
#3b63f0 rgb(59,99,240)
```
#3b54f0
```
#3b54f0 rgb(59,84,240)
```
#3b45f0
```
#3b45f0 rgb(59,69,240)
```
#403bf0
```
#403bf0 rgb(64,59,240)
```
#4f3bf0
```
#4f3bf0 rgb(79,59,240)
```
#5e3bf0
```
#5e3bf0 rgb(94,59,240)
```

Similar Colors

Text with hexadecimal color #3b45f0

This text has a font color of #3b45f0.

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

#3b45f0 background color

This paragraph has a background color of #3b45f0.

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

#3b45f0 border color

This element has a border color of #3b45f0.

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

CSS codes

.text {color:#3b45f0;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#020317
```
#020317 rgb(2,3,23)
```
#030529
```
#030529 rgb(3,5,41)
```
#05083b
```
#05083b rgb(5,8,59)
```
#060a4d
```
#060a4d rgb(6,10,77)
```
#070c60
```
#070c60 rgb(7,12,96)
```
#090f72
```
#090f72 rgb(9,15,114)
```
#0a1184
```
#0a1184 rgb(10,17,132)
```
#0b1396
```
#0b1396 rgb(11,19,150)
```
#0d15a8
```
#0d15a8 rgb(13,21,168)
```
#0e18bb
```
#0e18bb rgb(14,24,187)
```
#101acd
```
#101acd rgb(16,26,205)
```
#111cdf
```
#111cdf rgb(17,28,223)
```

Shade Color Variation

#1722ed
```
#1722ed rgb(23,34,237)
```
#2934ef
```
#2934ef rgb(41,52,239)
```
#3b45f0
```
#3b45f0 rgb(59,69,240)
```
#4d56f1
```
#4d56f1 rgb(77,86,241)
```
#5f68f3
```
#5f68f3 rgb(95,104,243)
```
#7279f4
```
#7279f4 rgb(114,121,244)
```
#848af6
```
#848af6 rgb(132,138,246)
```
#969bf7
```
#969bf7 rgb(150,155,247)
```
#a8adf8
```
#a8adf8 rgb(168,173,248)
```
#bbbefa
```
#bbbefa rgb(187,190,250)
```
#cdcffb
```
#cdcffb rgb(205,207,251)
```
#dfe1fd
```
#dfe1fd rgb(223,225,253)
```
#f1f2fe
```
#f1f2fe rgb(241,242,254)
```

Tint Color Variation

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

#949497
```
#949497 rgb(148,148,151)
```
#8c8d9f
```
#8c8d9f rgb(140,141,159)
```
#8486a7
```
#8486a7 rgb(132,134,167)
```
#7c7faf
```
#7c7faf rgb(124,127,175)
```
#7478b7
```
#7478b7 rgb(116,120,183)
```
#6c70bf
```
#6c70bf rgb(108,112,191)
```
#6469c7
```
#6469c7 rgb(100,105,199)
```
#5b62d0
```
#5b62d0 rgb(91,98,208)
```
#535bd8
```
#535bd8 rgb(83,91,216)
```
#4b53e0
```
#4b53e0 rgb(75,83,224)
```
#434ce8
```
#434ce8 rgb(67,76,232)
```
#3b45f0
```
#3b45f0 rgb(59,69,240)
```
#333ef8
```
#333ef8 rgb(51,62,248)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#515375 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#1559d3 Protanomaly 1% of men, 0.01% of women
#155cc3 Deuteranomaly 6% of men, 0.4% of women
#1561a3 Tritanomaly 0.01% of the population

#3b45f0 hex color

#3b45f0 Color Information

#3b45f0 Color Conversion

Color Schemes with #3b45f0

Alternatives to #3b45f0

#3b45f0 Preview

Shades and Tints of #3b45f0

Tones of #3b45f0

Color Blindness Simulator