#2814bb hex color

In a RGB color space, hex #2814bb is composed of 15.7% red, 7.8% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 89.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 247.2 degrees, a saturation of 80.7% and a lightness of 40.6%. #2814bb color hex could be obtained by blending #5028ff with #000077. Closest websafe color is: #3300cc.

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

● #2814bb color description : Strong blue.

The hexadecimal color #2814bb has RGB values of R:40, G:20, B:187 and CMYK values of C:0.79, M:0.89, Y:0, K:0.27. Its decimal value is 2626747.

Hex triplet	2814bb	`#2814bb`
RGB Decimal	40, 20, 187	`rgb(40,20,187)`
RGB Percent	15.7, 7.8, 73.3	`rgb(15.7%,7.8%,73.3%)`
CMYK	79, 89, 0, 27
HSL	247.2°, 80.7, 40.6	`hsl(247.2,80.7%,40.6%)`
HSV (or HSB)	247.2°, 89.3, 73.3
Web Safe	3300cc	`#3300cc`

CIE-LAB	25.378, 58.421, -80.189
XYZ	10.093, 4.539, 47.355
xyY	0.163, 0.073, 4.539
CIE-LCH	25.378, 99.213, 306.075
CIE-LUV	25.378, -4.793, -93.32
Hunter-Lab	21.304, 47.285, -116.878
Binary	00101000, 00010100, 10111011

#2814bb
```
#2814bb rgb(40,20,187)
```
#a7bb14
```
#a7bb14 rgb(167,187,20)
```

Complementary Color

#1454bb
```
#1454bb rgb(20,84,187)
```
#2814bb
```
#2814bb rgb(40,20,187)
```
#7c14bb
```
#7c14bb rgb(124,20,187)
```

Analogous Color

#54bb14
```
#54bb14 rgb(84,187,20)
```
#2814bb
```
#2814bb rgb(40,20,187)
```
#bb7c14
```
#bb7c14 rgb(187,124,20)
```

Split Complementary Color

#14bb28
```
#14bb28 rgb(20,187,40)
```
#2814bb
```
#2814bb rgb(40,20,187)
```
#bb2814
```
#bb2814 rgb(187,40,20)
```

Triadic Color

#14a7bb
```
#14a7bb rgb(20,167,187)
```
#2814bb
```
#2814bb rgb(40,20,187)
```
#bb2814
```
#bb2814 rgb(187,40,20)
```
#a7bb14
```
#a7bb14 rgb(167,187,20)
```

Tetradic Color

#190d76
```
#190d76 rgb(25,13,118)
```
#1e0f8d
```
#1e0f8d rgb(30,15,141)
```
#2312a4
```
#2312a4 rgb(35,18,164)
```
#2814bb
```
#2814bb rgb(40,20,187)
```
#2d16d2
```
#2d16d2 rgb(45,22,210)
```
#341be7
```
#341be7 rgb(52,27,231)
```
#4832e9
```
#4832e9 rgb(72,50,233)
```

Monochromatic Color

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

#142abb
```
#142abb rgb(20,42,187)
```
#141cbb
```
#141cbb rgb(20,28,187)
```
#1a14bb
```
#1a14bb rgb(26,20,187)
```
#2814bb
```
#2814bb rgb(40,20,187)
```
#3614bb
```
#3614bb rgb(54,20,187)
```
#4414bb
```
#4414bb rgb(68,20,187)
```
#5214bb
```
#5214bb rgb(82,20,187)
```

Similar Colors

Text with hexadecimal color #2814bb

This text has a font color of #2814bb.

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

#2814bb background color

This paragraph has a background color of #2814bb.

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

#2814bb border color

This element has a border color of #2814bb.

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

CSS codes

.text {color:#2814bb;}

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

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

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, #02010a is the darkest color, while #f8f7fe is the lightest one.

#02010a
```
#02010a rgb(2,1,10)
```
#06031c
```
#06031c rgb(6,3,28)
```
#0a052d
```
#0a052d rgb(10,5,45)
```
#0d073f
```
#0d073f rgb(13,7,63)
```
#110951
```
#110951 rgb(17,9,81)
```
#150b62
```
#150b62 rgb(21,11,98)
```
#190c74
```
#190c74 rgb(25,12,116)
```
#1d0e86
```
#1d0e86 rgb(29,14,134)
```
#201098
```
#201098 rgb(32,16,152)
```
#2412a9
```
#2412a9 rgb(36,18,169)
```
#2814bb
```
#2814bb rgb(40,20,187)
```
#2c16cd
```
#2c16cd rgb(44,22,205)
```
#3018de
```
#3018de rgb(48,24,222)
```

Shade Color Variation

#3a22e7
```
#3a22e7 rgb(58,34,231)
```
#4a34e9
```
#4a34e9 rgb(74,52,233)
```
#5a46eb
```
#5a46eb rgb(90,70,235)
```
#6a58ed
```
#6a58ed rgb(106,88,237)
```
#7969ef
```
#7969ef rgb(121,105,239)
```
#897bf1
```
#897bf1 rgb(137,123,241)
```
#998df3
```
#998df3 rgb(153,141,243)
```
#a99ef5
```
#a99ef5 rgb(169,158,245)
```
#b9b0f7
```
#b9b0f7 rgb(185,176,247)
```
#c8c2f8
```
#c8c2f8 rgb(200,194,248)
```
#d8d4fa
```
#d8d4fa rgb(216,212,250)
```
#e8e5fc
```
#e8e5fc rgb(232,229,252)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

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

#65646b
```
#65646b rgb(101,100,107)
```
#5e5c73
```
#5e5c73 rgb(94,92,115)
```
#58547b
```
#58547b rgb(88,84,123)
```
#524c83
```
#524c83 rgb(82,76,131)
```
#4c448b
```
#4c448b rgb(76,68,139)
```
#463c93
```
#463c93 rgb(70,60,147)
```
#40349b
```
#40349b rgb(64,52,155)
```
#3a2ca3
```
#3a2ca3 rgb(58,44,163)
```
#3424ab
```
#3424ab rgb(52,36,171)
```
#2e1cb3
```
#2e1cb3 rgb(46,28,179)
```
#2814bb
```
#2814bb rgb(40,20,187)
```
#220cc3
```
#220cc3 rgb(34,12,195)
```
#1c04cb
```
#1c04cb rgb(28,4,203)
```

Tone Color Variation

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

#004484 Protanopia 1% of men
#004872 Deuteranopia 1% of men
#004d50 Tritanopia 0.001% of the population

Trichromacy

#0e3298 Protanomaly 1% of men, 0.01% of women
#0e358c Deuteranomaly 6% of men, 0.4% of women
#0e3877 Tritanomaly 0.01% of the population

#2814bb hex color

#2814bb Color Information

#2814bb Color Conversion

Color Schemes with #2814bb

Alternatives to #2814bb

#2814bb Preview

Shades and Tints of #2814bb

Tones of #2814bb

Color Blindness Simulator