#3868dc hex color

In a RGB color space, hex #3868dc is composed of 22% red, 40.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 52.7% magenta, 0% yellow and 13.7% black. It has a hue angle of 222.4 degrees, a saturation of 70.1% and a lightness of 54.1%. #3868dc color hex could be obtained by blending #70d0ff with #0000b9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 22
- G 41
- B 86
RGB color chart
- C 75
- M 53
- Y 0
- K 14
CMYK color chart

● #3868dc color description : Bright blue.

The hexadecimal color #3868dc has RGB values of R:56, G:104, B:220 and CMYK values of C:0.75, M:0.53, Y:0, K:0.14. Its decimal value is 3696860.

Hex triplet	3868dc	`#3868dc`
RGB Decimal	56, 104, 220	`rgb(56,104,220)`
RGB Percent	22, 40.8, 86.3	`rgb(22%,40.8%,86.3%)`
CMYK	75, 53, 0, 14
HSL	222.4°, 70.1, 54.1	`hsl(222.4,70.1%,54.1%)`
HSV (or HSB)	222.4°, 74.5, 86.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.853, 23.963, -64.041
XYZ	19.497, 15.907, 69.749
xyY	0.185, 0.151, 15.907
CIE-LCH	46.853, 68.377, 290.515
CIE-LUV	46.853, -18.864, -98.674
Hunter-Lab	39.884, 17.46, -75.768
Binary	00111000, 01101000, 11011100

#3868dc
```
#3868dc rgb(56,104,220)
```
#dcac38
```
#dcac38 rgb(220,172,56)
```

Complementary Color

#38badc
```
#38badc rgb(56,186,220)
```
#3868dc
```
#3868dc rgb(56,104,220)
```
#5a38dc
```
#5a38dc rgb(90,56,220)
```

Analogous Color

#badc38
```
#badc38 rgb(186,220,56)
```
#3868dc
```
#3868dc rgb(56,104,220)
```
#dc5a38
```
#dc5a38 rgb(220,90,56)
```

Split Complementary Color

#68dc38
```
#68dc38 rgb(104,220,56)
```
#3868dc
```
#3868dc rgb(56,104,220)
```
#dc3868
```
#dc3868 rgb(220,56,104)
```

Triadic Color

#38dcac
```
#38dcac rgb(56,220,172)
```
#3868dc
```
#3868dc rgb(56,104,220)
```
#dc3868
```
#dc3868 rgb(220,56,104)
```
#dcac38
```
#dcac38 rgb(220,172,56)
```

Tetradic Color

#1e47aa
```
#1e47aa rgb(30,71,170)
```
#2250bf
```
#2250bf rgb(34,80,191)
```
#2559d5
```
#2559d5 rgb(37,89,213)
```
#3868dc
```
#3868dc rgb(56,104,220)
```
#4e78e0
```
#4e78e0 rgb(78,120,224)
```
#6389e4
```
#6389e4 rgb(99,137,228)
```
#7999e7
```
#7999e7 rgb(121,153,231)
```

Monochromatic Color

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

#3891dc
```
#3891dc rgb(56,145,220)
```
#3883dc
```
#3883dc rgb(56,131,220)
```
#3876dc
```
#3876dc rgb(56,118,220)
```
#3868dc
```
#3868dc rgb(56,104,220)
```
#385adc
```
#385adc rgb(56,90,220)
```
#384ddc
```
#384ddc rgb(56,77,220)
```
#383fdc
```
#383fdc rgb(56,63,220)
```

Similar Colors

Text with hexadecimal color #3868dc

This text has a font color of #3868dc.

<span style="color:#3868dc;">Text here</span>

#3868dc background color

This paragraph has a background color of #3868dc.

<p style="background-color:#3868dc;">Content here</p>

#3868dc border color

This element has a border color of #3868dc.

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

CSS codes

.text {color:#3868dc;}

.background {background-color:#3868dc;}

.border {border:1px solid #3868dc;}

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

#000001
```
#000001 rgb(0,0,1)
```
#030712
```
#030712 rgb(3,7,18)
```
#060e23
```
#060e23 rgb(6,14,35)
```
#091533
```
#091533 rgb(9,21,51)
```
#0c1c44
```
#0c1c44 rgb(12,28,68)
```
#0f2355
```
#0f2355 rgb(15,35,85)
```
#122a65
```
#122a65 rgb(18,42,101)
```
#153176
```
#153176 rgb(21,49,118)
```
#183887
```
#183887 rgb(24,56,135)
```
#1b3f97
```
#1b3f97 rgb(27,63,151)
```
#1e46a8
```
#1e46a8 rgb(30,70,168)
```
#204db9
```
#204db9 rgb(32,77,185)
```
#2354c9
```
#2354c9 rgb(35,84,201)
```

Shade Color Variation

#275bd9
```
#275bd9 rgb(39,91,217)
```
#3868dc
```
#3868dc rgb(56,104,220)
```
#4975df
```
#4975df rgb(73,117,223)
```
#5981e2
```
#5981e2 rgb(89,129,226)
```
#6a8ee5
```
#6a8ee5 rgb(106,142,229)
```
#7b9be8
```
#7b9be8 rgb(123,155,232)
```
#8ba7eb
```
#8ba7eb rgb(139,167,235)
```
#9cb4ee
```
#9cb4ee rgb(156,180,238)
```
#adc1f1
```
#adc1f1 rgb(173,193,241)
```
#bdcdf3
```
#bdcdf3 rgb(189,205,243)
```
#cedaf6
```
#cedaf6 rgb(206,218,246)
```
#dfe7f9
```
#dfe7f9 rgb(223,231,249)
```
#eff3fc
```
#eff3fc rgb(239,243,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898a8b is the less saturated color, while #1d5df7 is the most saturated one.

#898a8b
```
#898a8b rgb(137,138,139)
```
#808694
```
#808694 rgb(128,134,148)
```
#77829d
```
#77829d rgb(119,130,157)
```
#6e7ea6
```
#6e7ea6 rgb(110,126,166)
```
#657baf
```
#657baf rgb(101,123,175)
```
#5c77b8
```
#5c77b8 rgb(92,119,184)
```
#5373c1
```
#5373c1 rgb(83,115,193)
```
#4a6fca
```
#4a6fca rgb(74,111,202)
```
#416cd3
```
#416cd3 rgb(65,108,211)
```
#3868dc
```
#3868dc rgb(56,104,220)
```
#2f64e5
```
#2f64e5 rgb(47,100,229)
```
#2661ee
```
#2661ee rgb(38,97,238)
```
#1d5df7
```
#1d5df7 rgb(29,93,247)
```

Tone Color Variation

Below, you can see how #3868dc 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

#676767 Achromatopsia 0.005% of the population
#5e677e Atypical Achromatopsia 0.001% of the population

Dichromacy

#1372e0 Protanopia 1% of men
#0079c6 Deuteranopia 1% of men
#00828a Tritanopia 0.001% of the population

Trichromacy

#206ede Protanomaly 1% of men, 0.01% of women
#1472ce Deuteranomaly 6% of men, 0.4% of women
#1478a7 Tritanomaly 0.01% of the population

#3868dc hex color

#3868dc Color Information

#3868dc Color Conversion

Color Schemes with #3868dc

Alternatives to #3868dc

#3868dc Preview

Shades and Tints of #3868dc

Tones of #3868dc

Color Blindness Simulator