colorhexa.com

#3814cc hex color

In a RGB color space, hex #3814cc is composed of 22% red, 7.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 72.5% cyan, 90.2% magenta, 0% yellow and 20% black. It has a hue angle of 251.7 degrees, a saturation of 82.1% and a lightness of 43.9%. #3814cc color hex could be obtained by blending #7028ff with #000099. Closest websafe color is: #3300cc.

- R 22
- G 8
- B 80
RGB color chart
- C 73
- M 90
- Y 0
- K 20
CMYK color chart

● #3814cc color description : Strong blue.

The hexadecimal color #3814cc has RGB values of R:56, G:20, B:204 and CMYK values of C:0.73, M:0.9, Y:0, K:0.2. Its decimal value is 3675340.

Hex triplet	3814cc	`#3814cc`
RGB Decimal	56, 20, 204	`rgb(56,20,204)`
RGB Percent	22, 7.8, 80	`rgb(22%,7.8%,80%)`
CMYK	73, 90, 0, 20
HSL	251.7°, 82.1, 43.9	`hsl(251.7,82.1%,43.9%)`
HSV (or HSB)	251.7°, 90.2, 80
Web Safe	3300cc	`#3300cc`

CIE-LAB	28.643, 63.715, -84.736
XYZ	12.778, 5.7, 57.55
xyY	0.168, 0.075, 5.7
CIE-LCH	28.643, 106.018, 306.941
CIE-LUV	28.643, -3.42, -103.882
Hunter-Lab	23.875, 53.755, -126.207
Binary	00111000, 00010100, 11001100

#3814cc
```
#3814cc rgb(56,20,204)
```
#a8cc14
```
#a8cc14 rgb(168,204,20)
```

Complementary Color

#144ccc
```
#144ccc rgb(20,76,204)
```
#3814cc
```
#3814cc rgb(56,20,204)
```
#9414cc
```
#9414cc rgb(148,20,204)
```

Analogous Color

#4ccc14
```
#4ccc14 rgb(76,204,20)
```
#3814cc
```
#3814cc rgb(56,20,204)
```
#cc9414
```
#cc9414 rgb(204,148,20)
```

Split Complementary Color

#14cc38
```
#14cc38 rgb(20,204,56)
```
#3814cc
```
#3814cc rgb(56,20,204)
```
#cc3814
```
#cc3814 rgb(204,56,20)
```

Triadic Color

#14a8cc
```
#14a8cc rgb(20,168,204)
```
#3814cc
```
#3814cc rgb(56,20,204)
```
#cc3814
```
#cc3814 rgb(204,56,20)
```
#a8cc14
```
#a8cc14 rgb(168,204,20)
```

Tetradic Color

#250d86
```
#250d86 rgb(37,13,134)
```
#2b0f9e
```
#2b0f9e rgb(43,15,158)
```
#3212b5
```
#3212b5 rgb(50,18,181)
```
#3814cc
```
#3814cc rgb(56,20,204)
```
#3e16e3
```
#3e16e3 rgb(62,22,227)
```
#4f29ea
```
#4f29ea rgb(79,41,234)
```
#6240ec
```
#6240ec rgb(98,64,236)
```

Monochromatic Color

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

#141ecc
```
#141ecc rgb(20,30,204)
```
#1914cc
```
#1914cc rgb(25,20,204)
```
#2914cc
```
#2914cc rgb(41,20,204)
```
#3814cc
```
#3814cc rgb(56,20,204)
```
#4714cc
```
#4714cc rgb(71,20,204)
```
#5714cc
```
#5714cc rgb(87,20,204)
```
#6614cc
```
#6614cc rgb(102,20,204)
```

Similar Colors

Text with hexadecimal color #3814cc

This text has a font color of #3814cc.

<span style="color:#3814cc;">Text here</span>

#3814cc background color

This paragraph has a background color of #3814cc.

<p style="background-color:#3814cc;">Content here</p>

#3814cc border color

This element has a border color of #3814cc.

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

CSS codes

.text {color:#3814cc;}

.background {background-color:#3814cc;}

.border {border:1px solid #3814cc;}

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

#020107
```
#020107 rgb(2,1,7)
```
#070219
```
#070219 rgb(7,2,25)
```
#0c042b
```
#0c042b rgb(12,4,43)
```
#11063d
```
#11063d rgb(17,6,61)
```
#16084f
```
#16084f rgb(22,8,79)
```
#1b0961
```
#1b0961 rgb(27,9,97)
```
#1f0b73
```
#1f0b73 rgb(31,11,115)
```
#240d85
```
#240d85 rgb(36,13,133)
```
#290f96
```
#290f96 rgb(41,15,150)
```
#2e10a8
```
#2e10a8 rgb(46,16,168)
```
#3312ba
```
#3312ba rgb(51,18,186)
```
#3814cc
```
#3814cc rgb(56,20,204)
```
#3d16de
```
#3d16de rgb(61,22,222)
```

Shade Color Variation

#461ee9
```
#461ee9 rgb(70,30,233)
```
#5530eb
```
#5530eb rgb(85,48,235)
```
#6342ec
```
#6342ec rgb(99,66,236)
```
#7254ee
```
#7254ee rgb(114,84,238)
```
#8166f0
```
#8166f0 rgb(129,102,240)
```
#8f78f2
```
#8f78f2 rgb(143,120,242)
```
#9e89f3
```
#9e89f3 rgb(158,137,243)
```
#ad9bf5
```
#ad9bf5 rgb(173,155,245)
```
#bcadf7
```
#bcadf7 rgb(188,173,247)
```
#cabff9
```
#cabff9 rgb(202,191,249)
```
#d9d1fa
```
#d9d1fa rgb(217,209,250)
```
#e8e3fc
```
#e8e3fc rgb(232,227,252)
```
#f6f5fe
```
#f6f5fe rgb(246,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6a76 is the less saturated color, while #2e03dd is the most saturated one.

#6c6a76
```
#6c6a76 rgb(108,106,118)
```
#67627e
```
#67627e rgb(103,98,126)
```
#625987
```
#625987 rgb(98,89,135)
```
#5d5090
```
#5d5090 rgb(93,80,144)
```
#574898
```
#574898 rgb(87,72,152)
```
#523fa1
```
#523fa1 rgb(82,63,161)
```
#4d36aa
```
#4d36aa rgb(77,54,170)
```
#482eb2
```
#482eb2 rgb(72,46,178)
```
#4225bb
```
#4225bb rgb(66,37,187)
```
#3d1dc3
```
#3d1dc3 rgb(61,29,195)
```
#3814cc
```
#3814cc rgb(56,20,204)
```
#330bd5
```
#330bd5 rgb(51,11,213)
```
#2e03dd
```
#2e03dd rgb(46,3,221)
```

Tone Color Variation

Below, you can see how #3814cc 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

#343434 Achromatopsia 0.005% of the population
#352e52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b91 Protanopia 1% of men
#004f7d Deuteranopia 1% of men
#005559 Tritanopia 0.001% of the population

Trichromacy

#1437a6 Protanomaly 1% of men, 0.01% of women
#14399a Deuteranomaly 6% of men, 0.4% of women
#143d82 Tritanomaly 0.01% of the population