#3868e1 hex color

In a RGB color space, hex #3868e1 is composed of 22% red, 40.8% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 75.1% cyan, 53.8% magenta, 0% yellow and 11.8% black. It has a hue angle of 223 degrees, a saturation of 73.8% and a lightness of 55.1%. #3868e1 color hex could be obtained by blending #70d0ff with #0000c3. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 22
- G 41
- B 88
RGB color chart
- C 75
- M 54
- Y 0
- K 12
CMYK color chart

● #3868e1 color description : Bright blue.

The hexadecimal color #3868e1 has RGB values of R:56, G:104, B:225 and CMYK values of C:0.75, M:0.54, Y:0, K:0.12. Its decimal value is 3696865.

Hex triplet	3868e1	`#3868e1`
RGB Decimal	56, 104, 225	`rgb(56,104,225)`
RGB Percent	22, 40.8, 88.2	`rgb(22%,40.8%,88.2%)`
CMYK	75, 54, 0, 12
HSL	223°, 73.8, 55.1	`hsl(223,73.8%,55.1%)`
HSV (or HSB)	223°, 75.1, 88.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.205, 25.796, -66.303
XYZ	20.169, 16.176, 73.289
xyY	0.184, 0.148, 16.176
CIE-LCH	47.205, 71.144, 291.259
CIE-LUV	47.205, -18.839, -102.308
Hunter-Lab	40.22, 19.128, -79.886
Binary	00111000, 01101000, 11100001

#3868e1
```
#3868e1 rgb(56,104,225)
```
#e1b138
```
#e1b138 rgb(225,177,56)
```

Complementary Color

#38bde1
```
#38bde1 rgb(56,189,225)
```
#3868e1
```
#3868e1 rgb(56,104,225)
```
#5d38e1
```
#5d38e1 rgb(93,56,225)
```

Analogous Color

#bde138
```
#bde138 rgb(189,225,56)
```
#3868e1
```
#3868e1 rgb(56,104,225)
```
#e15d38
```
#e15d38 rgb(225,93,56)
```

Split Complementary Color

#68e138
```
#68e138 rgb(104,225,56)
```
#3868e1
```
#3868e1 rgb(56,104,225)
```
#e13868
```
#e13868 rgb(225,56,104)
```

Triadic Color

#38e1b1
```
#38e1b1 rgb(56,225,177)
```
#3868e1
```
#3868e1 rgb(56,104,225)
```
#e13868
```
#e13868 rgb(225,56,104)
```
#e1b138
```
#e1b138 rgb(225,177,56)
```

Tetradic Color

#1b46b2
```
#1b46b2 rgb(27,70,178)
```
#1e4ec8
```
#1e4ec8 rgb(30,78,200)
```
#2257de
```
#2257de rgb(34,87,222)
```
#3868e1
```
#3868e1 rgb(56,104,225)
```
#4e79e4
```
#4e79e4 rgb(78,121,228)
```
#648ae8
```
#648ae8 rgb(100,138,232)
```
#7a9aeb
```
#7a9aeb rgb(122,154,235)
```

Monochromatic Color

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

#3892e1
```
#3892e1 rgb(56,146,225)
```
#3884e1
```
#3884e1 rgb(56,132,225)
```
#3876e1
```
#3876e1 rgb(56,118,225)
```
#3868e1
```
#3868e1 rgb(56,104,225)
```
#385ae1
```
#385ae1 rgb(56,90,225)
```
#384ce1
```
#384ce1 rgb(56,76,225)
```
#383ee1
```
#383ee1 rgb(56,62,225)
```

Similar Colors

Text with hexadecimal color #3868e1

This text has a font color of #3868e1.

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

#3868e1 background color

This paragraph has a background color of #3868e1.

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

#3868e1 border color

This element has a border color of #3868e1.

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

CSS codes

.text {color:#3868e1;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#030917
```
#030917 rgb(3,9,23)
```
#061028
```
#061028 rgb(6,16,40)
```
#091639
```
#091639 rgb(9,22,57)
```
#0b1d4a
```
#0b1d4a rgb(11,29,74)
```
#0e245b
```
#0e245b rgb(14,36,91)
```
#102a6c
```
#102a6c rgb(16,42,108)
```
#13317d
```
#13317d rgb(19,49,125)
```
#15388e
```
#15388e rgb(21,56,142)
```
#183e9f
```
#183e9f rgb(24,62,159)
```
#1b45b0
```
#1b45b0 rgb(27,69,176)
```
#1d4cc1
```
#1d4cc1 rgb(29,76,193)
```
#2052d2
```
#2052d2 rgb(32,82,210)
```

Shade Color Variation

#275bde
```
#275bde rgb(39,91,222)
```
#3868e1
```
#3868e1 rgb(56,104,225)
```
#4975e4
```
#4975e4 rgb(73,117,228)
```
#5a82e6
```
#5a82e6 rgb(90,130,230)
```
#6b8fe9
```
#6b8fe9 rgb(107,143,233)
```
#7c9ceb
```
#7c9ceb rgb(124,156,235)
```
#8da9ee
```
#8da9ee rgb(141,169,238)
```
#9eb6f0
```
#9eb6f0 rgb(158,182,240)
```
#afc3f3
```
#afc3f3 rgb(175,195,243)
```
#c0cff6
```
#c0cff6 rgb(192,207,246)
```
#d1dcf8
```
#d1dcf8 rgb(209,220,248)
```
#e2e9fb
```
#e2e9fb rgb(226,233,251)
```
#f4f6fd
```
#f4f6fd rgb(244,246,253)
```

Tint Color Variation

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

#878a92
```
#878a92 rgb(135,138,146)
```
#7e869b
```
#7e869b rgb(126,134,155)
```
#7683a3
```
#7683a3 rgb(118,131,163)
```
#6d7fac
```
#6d7fac rgb(109,127,172)
```
#647bb5
```
#647bb5 rgb(100,123,181)
```
#5b77be
```
#5b77be rgb(91,119,190)
```
#5273c7
```
#5273c7 rgb(82,115,199)
```
#4a70cf
```
#4a70cf rgb(74,112,207)
```
#416cd8
```
#416cd8 rgb(65,108,216)
```
#3868e1
```
#3868e1 rgb(56,104,225)
```
#2f64ea
```
#2f64ea rgb(47,100,234)
```
#2660f3
```
#2660f3 rgb(38,96,243)
```
#1e5dfb
```
#1e5dfb rgb(30,93,251)
```

Tone Color Variation

Below, you can see how #3868e1 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
#5e677f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e3 Protanopia 1% of men
#0079c7 Deuteranopia 1% of men
#00838b Tritanopia 0.001% of the population

Trichromacy

#146fe2 Protanomaly 1% of men, 0.01% of women
#1473d0 Deuteranomaly 6% of men, 0.4% of women
#1479aa Tritanomaly 0.01% of the population

#3868e1 hex color

#3868e1 Color Information

#3868e1 Color Conversion

Color Schemes with #3868e1

Alternatives to #3868e1

#3868e1 Preview

Shades and Tints of #3868e1

Tones of #3868e1

Color Blindness Simulator