#3b4eff hex color

In a RGB color space, hex #3b4eff is composed of 23.1% red, 30.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 69.4% magenta, 0% yellow and 0% black. It has a hue angle of 234.2 degrees, a saturation of 100% and a lightness of 61.6%. #3b4eff color hex could be obtained by blending #769cff with #0000ff. Closest websafe color is: #3366ff.

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

● #3b4eff color description : Light blue.

The hexadecimal color #3b4eff has RGB values of R:59, G:78, B:255 and CMYK values of C:0.77, M:0.69, Y:0, K:0. Its decimal value is 3886847.

Hex triplet	3b4eff	`#3b4eff`
RGB Decimal	59, 78, 255	`rgb(59,78,255)`
RGB Percent	23.1, 30.6, 100	`rgb(23.1%,30.6%,100%)`
CMYK	77, 69, 0, 0
HSL	234.2°, 100, 61.6	`hsl(234.2,100%,61.6%)`
HSV (or HSB)	234.2°, 76.9, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.649, 52.534, -88.959
XYZ	22.574, 13.597, 96.037
xyY	0.171, 0.103, 13.597
CIE-LCH	43.649, 103.313, 300.564
CIE-LUV	43.649, -12.701, -130.825
Hunter-Lab	36.874, 44.748, -128.606
Binary	00111011, 01001110, 11111111

#3b4eff
```
#3b4eff rgb(59,78,255)
```
#ffec3b
```
#ffec3b rgb(255,236,59)
```

Complementary Color

#3bb0ff
```
#3bb0ff rgb(59,176,255)
```
#3b4eff
```
#3b4eff rgb(59,78,255)
```
#8a3bff
```
#8a3bff rgb(138,59,255)
```

Analogous Color

#b0ff3b
```
#b0ff3b rgb(176,255,59)
```
#3b4eff
```
#3b4eff rgb(59,78,255)
```
#ff8a3b
```
#ff8a3b rgb(255,138,59)
```

Split Complementary Color

#4eff3b
```
#4eff3b rgb(78,255,59)
```
#3b4eff
```
#3b4eff rgb(59,78,255)
```
#ff3b4e
```
#ff3b4e rgb(255,59,78)
```

Triadic Color

#3bffec
```
#3bffec rgb(59,255,236)
```
#3b4eff
```
#3b4eff rgb(59,78,255)
```
#ff3b4e
```
#ff3b4e rgb(255,59,78)
```
#ffec3b
```
#ffec3b rgb(255,236,59)
```

Tetradic Color

#0017ee
```
#0017ee rgb(0,23,238)
```
#0820ff
```
#0820ff rgb(8,32,255)
```
#2237ff
```
#2237ff rgb(34,55,255)
```
#3b4eff
```
#3b4eff rgb(59,78,255)
```
#5565ff
```
#5565ff rgb(85,101,255)
```
#6e7cff
```
#6e7cff rgb(110,124,255)
```
#8893ff
```
#8893ff rgb(136,147,255)
```

Monochromatic Color

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

#3b7fff
```
#3b7fff rgb(59,127,255)
```
#3b6fff
```
#3b6fff rgb(59,111,255)
```
#3b5eff
```
#3b5eff rgb(59,94,255)
```
#3b4eff
```
#3b4eff rgb(59,78,255)
```
#3b3eff
```
#3b3eff rgb(59,62,255)
```
#493bff
```
#493bff rgb(73,59,255)
```
#593bff
```
#593bff rgb(89,59,255)
```

Similar Colors

Text with hexadecimal color #3b4eff

This text has a font color of #3b4eff.

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

#3b4eff background color

This paragraph has a background color of #3b4eff.

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

#3b4eff border color

This element has a border color of #3b4eff.

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

CSS codes

.text {color:#3b4eff;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#000214
```
#000214 rgb(0,2,20)
```
#000427
```
#000427 rgb(0,4,39)
```
#00063b
```
#00063b rgb(0,6,59)
```
#00084f
```
#00084f rgb(0,8,79)
```
#000a62
```
#000a62 rgb(0,10,98)
```
#000b76
```
#000b76 rgb(0,11,118)
```
#000d89
```
#000d89 rgb(0,13,137)
```
#000f9d
```
#000f9d rgb(0,15,157)
```
#0011b1
```
#0011b1 rgb(0,17,177)
```
#0013c4
```
#0013c4 rgb(0,19,196)
```
#0015d8
```
#0015d8 rgb(0,21,216)
```
#0017ec
```
#0017ec rgb(0,23,236)
```

Shade Color Variation

#0019ff
```
#0019ff rgb(0,25,255)
```
#142bff
```
#142bff rgb(20,43,255)
```
#273cff
```
#273cff rgb(39,60,255)
```
#3b4eff
```
#3b4eff rgb(59,78,255)
```
#4f60ff
```
#4f60ff rgb(79,96,255)
```
#6271ff
```
#6271ff rgb(98,113,255)
```
#7683ff
```
#7683ff rgb(118,131,255)
```
#8995ff
```
#8995ff rgb(137,149,255)
```
#9da7ff
```
#9da7ff rgb(157,167,255)
```
#b1b8ff
```
#b1b8ff rgb(177,184,255)
```
#c4caff
```
#c4caff rgb(196,202,255)
```
#d8dcff
```
#d8dcff rgb(216,220,255)
```
#ecedff
```
#ecedff rgb(236,237,255)
```

Tint Color Variation

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

#9597a5
```
#9597a5 rgb(149,151,165)
```
#8e91ac
```
#8e91ac rgb(142,145,172)
```
#868bb4
```
#868bb4 rgb(134,139,180)
```
#7f85bb
```
#7f85bb rgb(127,133,187)
```
#777fc3
```
#777fc3 rgb(119,127,195)
```
#7079ca
```
#7079ca rgb(112,121,202)
```
#6872d2
```
#6872d2 rgb(104,114,210)
```
#616cd9
```
#616cd9 rgb(97,108,217)
```
#5966e1
```
#5966e1 rgb(89,102,225)
```
#5260e8
```
#5260e8 rgb(82,96,232)
```
#4a5af0
```
#4a5af0 rgb(74,90,240)
```
#4354f7
```
#4354f7 rgb(67,84,247)
```
#3b4eff
```
#3b4eff rgb(59,78,255)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#55597d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#0072b6 Deuteranopia 1% of men
#007a80 Tritanopia 0.001% of the population

Trichromacy

#1561e2 Protanomaly 1% of men, 0.01% of women
#1564d0 Deuteranomaly 6% of men, 0.4% of women
#156aae Tritanomaly 0.01% of the population

#3b4eff hex color

#3b4eff Color Information

#3b4eff Color Conversion

Color Schemes with #3b4eff

Alternatives to #3b4eff

#3b4eff Preview

Shades and Tints of #3b4eff

Tones of #3b4eff

Color Blindness Simulator