#3b68e4 hex color

In a RGB color space, hex #3b68e4 is composed of 23.1% red, 40.8% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 54.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 224 degrees, a saturation of 75.8% and a lightness of 56.3%. #3b68e4 color hex could be obtained by blending #76d0ff with #0000c9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 23
- G 41
- B 89
RGB color chart
- C 74
- M 54
- Y 0
- K 11
CMYK color chart

● #3b68e4 color description : Bright blue.

The hexadecimal color #3b68e4 has RGB values of R:59, G:104, B:228 and CMYK values of C:0.74, M:0.54, Y:0, K:0.11. Its decimal value is 3893476.

Hex triplet	3b68e4	`#3b68e4`
RGB Decimal	59, 104, 228	`rgb(59,104,228)`
RGB Percent	23.1, 40.8, 89.4	`rgb(23.1%,40.8%,89.4%)`
CMYK	74, 54, 0, 11
HSL	224°, 75.8, 56.3	`hsl(224,75.8%,56.3%)`
HSV (or HSB)	224°, 74.1, 89.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.534, 27.235, -67.458
XYZ	20.755, 16.43, 75.472
xyY	0.184, 0.146, 16.43
CIE-LCH	47.534, 72.748, 291.985
CIE-LUV	47.534, -18.328, -104.291
Hunter-Lab	40.534, 20.461, -82.019
Binary	00111011, 01101000, 11100100

#3b68e4
```
#3b68e4 rgb(59,104,228)
```
#e4b73b
```
#e4b73b rgb(228,183,59)
```

Complementary Color

#3bbde4
```
#3bbde4 rgb(59,189,228)
```
#3b68e4
```
#3b68e4 rgb(59,104,228)
```
#623be4
```
#623be4 rgb(98,59,228)
```

Analogous Color

#bde43b
```
#bde43b rgb(189,228,59)
```
#3b68e4
```
#3b68e4 rgb(59,104,228)
```
#e4623b
```
#e4623b rgb(228,98,59)
```

Split Complementary Color

#68e43b
```
#68e43b rgb(104,228,59)
```
#3b68e4
```
#3b68e4 rgb(59,104,228)
```
#e43b68
```
#e43b68 rgb(228,59,104)
```

Triadic Color

#3be4b7
```
#3be4b7 rgb(59,228,183)
```
#3b68e4
```
#3b68e4 rgb(59,104,228)
```
#e43b68
```
#e43b68 rgb(228,59,104)
```
#e4b73b
```
#e4b73b rgb(228,183,59)
```

Tetradic Color

#1944b9
```
#1944b9 rgb(25,68,185)
```
#1d4ccf
```
#1d4ccf rgb(29,76,207)
```
#2557e1
```
#2557e1 rgb(37,87,225)
```
#3b68e4
```
#3b68e4 rgb(59,104,228)
```
#5179e7
```
#5179e7 rgb(81,121,231)
```
#688bea
```
#688bea rgb(104,139,234)
```
#7e9ced
```
#7e9ced rgb(126,156,237)
```

Monochromatic Color

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

#3b92e4
```
#3b92e4 rgb(59,146,228)
```
#3b84e4
```
#3b84e4 rgb(59,132,228)
```
#3b76e4
```
#3b76e4 rgb(59,118,228)
```
#3b68e4
```
#3b68e4 rgb(59,104,228)
```
#3b5ae4
```
#3b5ae4 rgb(59,90,228)
```
#3b4ce4
```
#3b4ce4 rgb(59,76,228)
```
#3b3ee4
```
#3b3ee4 rgb(59,62,228)
```

Similar Colors

Text with hexadecimal color #3b68e4

This text has a font color of #3b68e4.

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

#3b68e4 background color

This paragraph has a background color of #3b68e4.

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

#3b68e4 border color

This element has a border color of #3b68e4.

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

CSS codes

.text {color:#3b68e4;}

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

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

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, #01040b is the darkest color, while #f9fafe is the lightest one.

#01040b
```
#01040b rgb(1,4,11)
```
#040a1c
```
#040a1c rgb(4,10,28)
```
#06112d
```
#06112d rgb(6,17,45)
```
#09173f
```
#09173f rgb(9,23,63)
```
#0b1d50
```
#0b1d50 rgb(11,29,80)
```
#0d2461
```
#0d2461 rgb(13,36,97)
```
#102a72
```
#102a72 rgb(16,42,114)
```
#123084
```
#123084 rgb(18,48,132)
```
#143795
```
#143795 rgb(20,55,149)
```
#173da6
```
#173da6 rgb(23,61,166)
```
#1943b7
```
#1943b7 rgb(25,67,183)
```
#1c4ac9
```
#1c4ac9 rgb(28,74,201)
```
#1e50da
```
#1e50da rgb(30,80,218)
```

Shade Color Variation

#2a5be2
```
#2a5be2 rgb(42,91,226)
```
#3b68e4
```
#3b68e4 rgb(59,104,228)
```
#4c75e6
```
#4c75e6 rgb(76,117,230)
```
#5d83e9
```
#5d83e9 rgb(93,131,233)
```
#6f90eb
```
#6f90eb rgb(111,144,235)
```
#809ded
```
#809ded rgb(128,157,237)
```
#91aaf0
```
#91aaf0 rgb(145,170,240)
```
#a2b8f2
```
#a2b8f2 rgb(162,184,242)
```
#b4c5f5
```
#b4c5f5 rgb(180,197,245)
```
#c5d2f7
```
#c5d2f7 rgb(197,210,247)
```
#d6e0f9
```
#d6e0f9 rgb(214,224,249)
```
#e7edfc
```
#e7edfc rgb(231,237,252)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888c97 is the less saturated color, while #215cfe is the most saturated one.

#888c97
```
#888c97 rgb(136,140,151)
```
#80889f
```
#80889f rgb(128,136,159)
```
#7784a8
```
#7784a8 rgb(119,132,168)
```
#6e80b1
```
#6e80b1 rgb(110,128,177)
```
#667cb9
```
#667cb9 rgb(102,124,185)
```
#5d78c2
```
#5d78c2 rgb(93,120,194)
```
#5574ca
```
#5574ca rgb(85,116,202)
```
#4c70d3
```
#4c70d3 rgb(76,112,211)
```
#446cdb
```
#446cdb rgb(68,108,219)
```
#3b68e4
```
#3b68e4 rgb(59,104,228)
```
#3264ed
```
#3264ed rgb(50,100,237)
```
#2a60f5
```
#2a60f5 rgb(42,96,245)
```
#215cfe
```
#215cfe rgb(33,92,254)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#606982 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e4 Protanopia 1% of men
#007ac8 Deuteranopia 1% of men
#00838c Tritanopia 0.001% of the population

Trichromacy

#156fe4 Protanomaly 1% of men, 0.01% of women
#1573d2 Deuteranomaly 6% of men, 0.4% of women
#1579ac Tritanomaly 0.01% of the population

#3b68e4 hex color

#3b68e4 Color Information

#3b68e4 Color Conversion

Color Schemes with #3b68e4

Alternatives to #3b68e4

#3b68e4 Preview

Shades and Tints of #3b68e4

Tones of #3b68e4

Color Blindness Simulator