#3b45fb hex color

In a RGB color space, hex #3b45fb is composed of 23.1% red, 27.1% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 72.5% magenta, 0% yellow and 1.6% black. It has a hue angle of 236.9 degrees, a saturation of 96% and a lightness of 60.8%. #3b45fb color hex could be obtained by blending #768aff with #0000f7. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 23
- G 27
- B 98
RGB color chart
- C 76
- M 73
- Y 0
- K 2
CMYK color chart

● #3b45fb color description : Bright blue.

The hexadecimal color #3b45fb has RGB values of R:59, G:69, B:251 and CMYK values of C:0.76, M:0.73, Y:0, K:0.02. Its decimal value is 3884539.

Hex triplet	3b45fb	`#3b45fb`
RGB Decimal	59, 69, 251	`rgb(59,69,251)`
RGB Percent	23.1, 27.1, 98.4	`rgb(23.1%,27.1%,98.4%)`
CMYK	76, 73, 0, 2
HSL	236.9°, 96, 60.8	`hsl(236.9,96%,60.8%)`
HSV (or HSB)	236.9°, 76.5, 98.4
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.453, 56.255, -90.35
XYZ	21.341, 12.15, 92.482
xyY	0.169, 0.096, 12.15
CIE-LCH	41.453, 106.432, 301.908
CIE-LUV	41.453, -10.983, -129.882
Hunter-Lab	34.856, 48.288, -132.91
Binary	00111011, 01000101, 11111011

#3b45fb
```
#3b45fb rgb(59,69,251)
```
#fbf13b
```
#fbf13b rgb(251,241,59)
```

Complementary Color

#3ba5fb
```
#3ba5fb rgb(59,165,251)
```
#3b45fb
```
#3b45fb rgb(59,69,251)
```
#913bfb
```
#913bfb rgb(145,59,251)
```

Analogous Color

#a5fb3b
```
#a5fb3b rgb(165,251,59)
```
#3b45fb
```
#3b45fb rgb(59,69,251)
```
#fb913b
```
#fb913b rgb(251,145,59)
```

Split Complementary Color

#45fb3b
```
#45fb3b rgb(69,251,59)
```
#3b45fb
```
#3b45fb rgb(59,69,251)
```
#fb3b45
```
#fb3b45 rgb(251,59,69)
```

Triadic Color

#3bfbf1
```
#3bfbf1 rgb(59,251,241)
```
#3b45fb
```
#3b45fb rgb(59,69,251)
```
#fb3b45
```
#fb3b45 rgb(251,59,69)
```
#fbf13b
```
#fbf13b rgb(251,241,59)
```

Tetradic Color

#0510e5
```
#0510e5 rgb(5,16,229)
```
#0916fa
```
#0916fa rgb(9,22,250)
```
#222dfa
```
#222dfa rgb(34,45,250)
```
#3b45fb
```
#3b45fb rgb(59,69,251)
```
#545dfc
```
#545dfc rgb(84,93,252)
```
#6d74fc
```
#6d74fc rgb(109,116,252)
```
#868cfd
```
#868cfd rgb(134,140,253)
```

Monochromatic Color

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

#3b75fb
```
#3b75fb rgb(59,117,251)
```
#3b65fb
```
#3b65fb rgb(59,101,251)
```
#3b55fb
```
#3b55fb rgb(59,85,251)
```
#3b45fb
```
#3b45fb rgb(59,69,251)
```
#413bfb
```
#413bfb rgb(65,59,251)
```
#513bfb
```
#513bfb rgb(81,59,251)
```
#613bfb
```
#613bfb rgb(97,59,251)
```

Similar Colors

Text with hexadecimal color #3b45fb

This text has a font color of #3b45fb.

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

#3b45fb background color

This paragraph has a background color of #3b45fb.

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

#3b45fb border color

This element has a border color of #3b45fb.

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

CSS codes

.text {color:#3b45fb;}

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

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

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, #00010f is the darkest color, while #fbfbff is the lightest one.

#00010f
```
#00010f rgb(0,1,15)
```
#010223
```
#010223 rgb(1,2,35)
```
#010436
```
#010436 rgb(1,4,54)
```
#010549
```
#010549 rgb(1,5,73)
```
#02075c
```
#02075c rgb(2,7,92)
```
#020870
```
#020870 rgb(2,8,112)
```
#030983
```
#030983 rgb(3,9,131)
```
#030b96
```
#030b96 rgb(3,11,150)
```
#030ca9
```
#030ca9 rgb(3,12,169)
```
#040dbc
```
#040dbc rgb(4,13,188)
```
#040fd0
```
#040fd0 rgb(4,15,208)
```
#0510e3
```
#0510e3 rgb(5,16,227)
```
#0512f6
```
#0512f6 rgb(5,18,246)
```

Shade Color Variation

#1521fa
```
#1521fa rgb(21,33,250)
```
#2833fb
```
#2833fb rgb(40,51,251)
```
#3b45fb
```
#3b45fb rgb(59,69,251)
```
#4e57fb
```
#4e57fb rgb(78,87,251)
```
#6169fc
```
#6169fc rgb(97,105,252)
```
#757cfc
```
#757cfc rgb(117,124,252)
```
#888efd
```
#888efd rgb(136,142,253)
```
#9ba0fd
```
#9ba0fd rgb(155,160,253)
```
#aeb2fd
```
#aeb2fd rgb(174,178,253)
```
#c2c5fe
```
#c2c5fe rgb(194,197,254)
```
#d5d7fe
```
#d5d7fe rgb(213,215,254)
```
#e8e9ff
```
#e8e9ff rgb(232,233,255)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #97989f is the less saturated color, while #3b45fb is the most saturated one.

#97989f
```
#97989f rgb(151,152,159)
```
#9091a6
```
#9091a6 rgb(144,145,166)
```
#888aae
```
#888aae rgb(136,138,174)
```
#8083b6
```
#8083b6 rgb(128,131,182)
```
#797cbd
```
#797cbd rgb(121,124,189)
```
#7175c5
```
#7175c5 rgb(113,117,197)
```
#696ecd
```
#696ecd rgb(105,110,205)
```
#6167d5
```
#6167d5 rgb(97,103,213)
```
#5a61dc
```
#5a61dc rgb(90,97,220)
```
#525ae4
```
#525ae4 rgb(82,90,228)
```
#4a53ec
```
#4a53ec rgb(74,83,236)
```
#434cf3
```
#434cf3 rgb(67,76,243)
```
#3b45fb
```
#3b45fb rgb(59,69,251)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#515378 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c8 Protanopia 1% of men
#006cad Deuteranopia 1% of men
#00747a Tritanopia 0.001% of the population

Trichromacy

#155ada Protanomaly 1% of men, 0.01% of women
#155ec9 Deuteranomaly 6% of men, 0.4% of women
#1563a9 Tritanomaly 0.01% of the population

#3b45fb hex color

#3b45fb Color Information

#3b45fb Color Conversion

Color Schemes with #3b45fb

Alternatives to #3b45fb

#3b45fb Preview

Shades and Tints of #3b45fb

Tones of #3b45fb

Color Blindness Simulator