colorhexa.com

#3865f1 hex color

In a RGB color space, hex #3865f1 is composed of 22% red, 39.6% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 58.1% magenta, 0% yellow and 5.5% black. It has a hue angle of 225.4 degrees, a saturation of 86.9% and a lightness of 58.2%. #3865f1 color hex could be obtained by blending #70caff with #0000e3. Closest websafe color is: #3366ff.

- R 22
- G 40
- B 95
RGB color chart
- C 77
- M 58
- Y 0
- K 5
CMYK color chart

● #3865f1 color description : Bright blue.

The hexadecimal color #3865f1 has RGB values of R:56, G:101, B:241 and CMYK values of C:0.77, M:0.58, Y:0, K:0.05. Its decimal value is 3696113.

Hex triplet	3865f1	`#3865f1`
RGB Decimal	56, 101, 241	`rgb(56,101,241)`
RGB Percent	22, 39.6, 94.5	`rgb(22%,39.6%,94.5%)`
CMYK	77, 58, 0, 5
HSL	225.4°, 86.9, 58.2	`hsl(225.4,86.9%,58.2%)`
HSV (or HSB)	225.4°, 76.8, 94.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.62, 33.504, -74.631
XYZ	22.158, 16.497, 85.231
xyY	0.179, 0.133, 16.497
CIE-LCH	47.62, 81.807, 294.177
CIE-LUV	47.62, -18.023, -114.955
Hunter-Lab	40.617, 26.3, -95.982
Binary	00111000, 01100101, 11110001

#3865f1
```
#3865f1 rgb(56,101,241)
```
#f1c438
```
#f1c438 rgb(241,196,56)
```

Complementary Color

#38c2f1
```
#38c2f1 rgb(56,194,241)
```
#3865f1
```
#3865f1 rgb(56,101,241)
```
#6838f1
```
#6838f1 rgb(104,56,241)
```

Analogous Color

#c2f138
```
#c2f138 rgb(194,241,56)
```
#3865f1
```
#3865f1 rgb(56,101,241)
```
#f16838
```
#f16838 rgb(241,104,56)
```

Split Complementary Color

#65f138
```
#65f138 rgb(101,241,56)
```
#3865f1
```
#3865f1 rgb(56,101,241)
```
#f13865
```
#f13865 rgb(241,56,101)
```

Triadic Color

#38f1c4
```
#38f1c4 rgb(56,241,196)
```
#3865f1
```
#3865f1 rgb(56,101,241)
```
#f13865
```
#f13865 rgb(241,56,101)
```
#f1c438
```
#f1c438 rgb(241,196,56)
```

Tetradic Color

#0e3dce
```
#0e3dce rgb(14,61,206)
```
#1044e6
```
#1044e6 rgb(16,68,230)
```
#2053ef
```
#2053ef rgb(32,83,239)
```
#3865f1
```
#3865f1 rgb(56,101,241)
```
#5077f3
```
#5077f3 rgb(80,119,243)
```
#688af4
```
#688af4 rgb(104,138,244)
```
#7f9cf6
```
#7f9cf6 rgb(127,156,246)
```

Monochromatic Color

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

#3893f1
```
#3893f1 rgb(56,147,241)
```
#3884f1
```
#3884f1 rgb(56,132,241)
```
#3874f1
```
#3874f1 rgb(56,116,241)
```
#3865f1
```
#3865f1 rgb(56,101,241)
```
#3856f1
```
#3856f1 rgb(56,86,241)
```
#3846f1
```
#3846f1 rgb(56,70,241)
```
#3938f1
```
#3938f1 rgb(57,56,241)
```

Similar Colors

Text with hexadecimal color #3865f1

This text has a font color of #3865f1.

<span style="color:#3865f1;">Text here</span>

#3865f1 background color

This paragraph has a background color of #3865f1.

<p style="background-color:#3865f1;">Content here</p>

#3865f1 border color

This element has a border color of #3865f1.

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

CSS codes

.text {color:#3865f1;}

.background {background-color:#3865f1;}

.border {border:1px solid #3865f1;}

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

#000103
```
#000103 rgb(0,1,3)
```
#010615
```
#010615 rgb(1,6,21)
```
#030c27
```
#030c27 rgb(3,12,39)
```
#04113a
```
#04113a rgb(4,17,58)
```
#05174c
```
#05174c rgb(5,23,76)
```
#071c5e
```
#071c5e rgb(7,28,94)
```
#082171
```
#082171 rgb(8,33,113)
```
#092783
```
#092783 rgb(9,39,131)
```
#0a2c95
```
#0a2c95 rgb(10,44,149)
```
#0c32a8
```
#0c32a8 rgb(12,50,168)
```
#0d37ba
```
#0d37ba rgb(13,55,186)
```
#0e3dcc
```
#0e3dcc rgb(14,61,204)
```
#1042df
```
#1042df rgb(16,66,223)
```

Shade Color Variation

#1349ee
```
#1349ee rgb(19,73,238)
```
#2657f0
```
#2657f0 rgb(38,87,240)
```
#3865f1
```
#3865f1 rgb(56,101,241)
```
#4a73f2
```
#4a73f2 rgb(74,115,242)
```
#5d81f4
```
#5d81f4 rgb(93,129,244)
```
#6f90f5
```
#6f90f5 rgb(111,144,245)
```
#819ef6
```
#819ef6 rgb(129,158,246)
```
#94acf7
```
#94acf7 rgb(148,172,247)
```
#a6baf9
```
#a6baf9 rgb(166,186,249)
```
#b8c8fa
```
#b8c8fa rgb(184,200,250)
```
#cbd6fb
```
#cbd6fb rgb(203,214,251)
```
#dde5fd
```
#dde5fd rgb(221,229,253)
```
#eff3fe
```
#eff3fe rgb(239,243,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #929397 is the less saturated color, while #3061f9 is the most saturated one.

#929397
```
#929397 rgb(146,147,151)
```
#8a8f9f
```
#8a8f9f rgb(138,143,159)
```
#828ba7
```
#828ba7 rgb(130,139,167)
```
#7a87af
```
#7a87af rgb(122,135,175)
```
#7182b8
```
#7182b8 rgb(113,130,184)
```
#697ec0
```
#697ec0 rgb(105,126,192)
```
#617ac8
```
#617ac8 rgb(97,122,200)
```
#5976d0
```
#5976d0 rgb(89,118,208)
```
#5172d8
```
#5172d8 rgb(81,114,216)
```
#486de1
```
#486de1 rgb(72,109,225)
```
#4069e9
```
#4069e9 rgb(64,105,233)
```
#3865f1
```
#3865f1 rgb(56,101,241)
```
#3061f9
```
#3061f9 rgb(48,97,249)
```

Tone Color Variation

Below, you can see how #3865f1 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

#686868 Achromatopsia 0.005% of the population
#5e6783 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e4 Protanopia 1% of men
#007bc7 Deuteranopia 1% of men
#00848b Tritanopia 0.001% of the population

Trichromacy

#146ee8 Protanomaly 1% of men, 0.01% of women
#1473d6 Deuteranomaly 6% of men, 0.4% of women
#1478b0 Tritanomaly 0.01% of the population