#2814b9 hex color

In a RGB color space, hex #2814b9 is composed of 15.7% red, 7.8% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 89.2% magenta, 0% yellow and 27.5% black. It has a hue angle of 247.3 degrees, a saturation of 80.5% and a lightness of 40.2%. #2814b9 color hex could be obtained by blending #5028ff with #000073. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 16
- G 8
- B 73
RGB color chart
- C 78
- M 89
- Y 0
- K 27
CMYK color chart

● #2814b9 color description : Strong blue.

The hexadecimal color #2814b9 has RGB values of R:40, G:20, B:185 and CMYK values of C:0.78, M:0.89, Y:0, K:0.27. Its decimal value is 2626745.

Hex triplet	2814b9	`#2814b9`
RGB Decimal	40, 20, 185	`rgb(40,20,185)`
RGB Percent	15.7, 7.8, 72.5	`rgb(15.7%,7.8%,72.5%)`
CMYK	78, 89, 0, 27
HSL	247.3°, 80.5, 40.2	`hsl(247.3,80.5%,40.2%)`
HSV (or HSB)	247.3°, 89.2, 72.5
Web Safe	3300cc	`#3300cc`

CIE-LAB	25.118, 57.867, -79.434
XYZ	9.88, 4.454, 46.235
xyY	0.163, 0.074, 4.454
CIE-LCH	25.118, 98.277, 306.073
CIE-LUV	25.118, -4.686, -92.161
Hunter-Lab	21.104, 46.641, -115.124
Binary	00101000, 00010100, 10111001

#2814b9
```
#2814b9 rgb(40,20,185)
```
#a5b914
```
#a5b914 rgb(165,185,20)
```

Complementary Color

#1453b9
```
#1453b9 rgb(20,83,185)
```
#2814b9
```
#2814b9 rgb(40,20,185)
```
#7b14b9
```
#7b14b9 rgb(123,20,185)
```

Analogous Color

#53b914
```
#53b914 rgb(83,185,20)
```
#2814b9
```
#2814b9 rgb(40,20,185)
```
#b97b14
```
#b97b14 rgb(185,123,20)
```

Split Complementary Color

#14b928
```
#14b928 rgb(20,185,40)
```
#2814b9
```
#2814b9 rgb(40,20,185)
```
#b92814
```
#b92814 rgb(185,40,20)
```

Triadic Color

#14a5b9
```
#14a5b9 rgb(20,165,185)
```
#2814b9
```
#2814b9 rgb(40,20,185)
```
#b92814
```
#b92814 rgb(185,40,20)
```
#a5b914
```
#a5b914 rgb(165,185,20)
```

Tetradic Color

#190d74
```
#190d74 rgb(25,13,116)
```
#1e0f8b
```
#1e0f8b rgb(30,15,139)
```
#2312a2
```
#2312a2 rgb(35,18,162)
```
#2814b9
```
#2814b9 rgb(40,20,185)
```
#2d16d0
```
#2d16d0 rgb(45,22,208)
```
#331ae6
```
#331ae6 rgb(51,26,230)
```
#4731e9
```
#4731e9 rgb(71,49,233)
```

Monochromatic Color

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

#1429b9
```
#1429b9 rgb(20,41,185)
```
#141cb9
```
#141cb9 rgb(20,28,185)
```
#1a14b9
```
#1a14b9 rgb(26,20,185)
```
#2814b9
```
#2814b9 rgb(40,20,185)
```
#3614b9
```
#3614b9 rgb(54,20,185)
```
#4414b9
```
#4414b9 rgb(68,20,185)
```
#5114b9
```
#5114b9 rgb(81,20,185)
```

Similar Colors

Text with hexadecimal color #2814b9

This text has a font color of #2814b9.

<span style="color:#2814b9;">Text here</span>

#2814b9 background color

This paragraph has a background color of #2814b9.

<p style="background-color:#2814b9;">Content here</p>

#2814b9 border color

This element has a border color of #2814b9.

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

CSS codes

.text {color:#2814b9;}

.background {background-color:#2814b9;}

.border {border:1px solid #2814b9;}

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

#020108
```
#020108 rgb(2,1,8)
```
#06031a
```
#06031a rgb(6,3,26)
```
#09052b
```
#09052b rgb(9,5,43)
```
#0d073d
```
#0d073d rgb(13,7,61)
```
#11094f
```
#11094f rgb(17,9,79)
```
#150a60
```
#150a60 rgb(21,10,96)
```
#190c72
```
#190c72 rgb(25,12,114)
```
#1d0e84
```
#1d0e84 rgb(29,14,132)
```
#201096
```
#201096 rgb(32,16,150)
```
#2412a7
```
#2412a7 rgb(36,18,167)
```
#2814b9
```
#2814b9 rgb(40,20,185)
```
#2c16cb
```
#2c16cb rgb(44,22,203)
```
#3018dc
```
#3018dc rgb(48,24,220)
```

Shade Color Variation

#3921e7
```
#3921e7 rgb(57,33,231)
```
#4933e9
```
#4933e9 rgb(73,51,233)
```
#5844eb
```
#5844eb rgb(88,68,235)
```
#6856ed
```
#6856ed rgb(104,86,237)
```
#7868ef
```
#7868ef rgb(120,104,239)
```
#8879f1
```
#8879f1 rgb(136,121,241)
```
#988bf2
```
#988bf2 rgb(152,139,242)
```
#a79df4
```
#a79df4 rgb(167,157,244)
```
#b7aef6
```
#b7aef6 rgb(183,174,246)
```
#c7c0f8
```
#c7c0f8 rgb(199,192,248)
```
#d7d2fa
```
#d7d2fa rgb(215,210,250)
```
#e7e4fc
```
#e7e4fc rgb(231,228,252)
```
#f6f5fe
```
#f6f5fe rgb(246,245,254)
```

Tint Color Variation

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

#64636a
```
#64636a rgb(100,99,106)
```
#5e5b72
```
#5e5b72 rgb(94,91,114)
```
#58537a
```
#58537a rgb(88,83,122)
```
#524b82
```
#524b82 rgb(82,75,130)
```
#4c438a
```
#4c438a rgb(76,67,138)
```
#463b92
```
#463b92 rgb(70,59,146)
```
#403499
```
#403499 rgb(64,52,153)
```
#3a2ca1
```
#3a2ca1 rgb(58,44,161)
```
#3424a9
```
#3424a9 rgb(52,36,169)
```
#2e1cb1
```
#2e1cb1 rgb(46,28,177)
```
#2814b9
```
#2814b9 rgb(40,20,185)
```
#220cc1
```
#220cc1 rgb(34,12,193)
```
#1c04c9
```
#1c04c9 rgb(28,4,201)
```

Tone Color Variation

Below, you can see how #2814b9 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

#2d2d2d Achromatopsia 0.005% of the population
#2c2849 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004383 Protanopia 1% of men
#004771 Deuteranopia 1% of men
#004c50 Tritanopia 0.001% of the population

Trichromacy

#0e3296 Protanomaly 1% of men, 0.01% of women
#0e348b Deuteranomaly 6% of men, 0.4% of women
#0e3876 Tritanomaly 0.01% of the population

#2814b9 hex color

#2814b9 Color Information

#2814b9 Color Conversion

Color Schemes with #2814b9

Alternatives to #2814b9

#2814b9 Preview

Shades and Tints of #2814b9

Tones of #2814b9

Color Blindness Simulator