#2314b2 hex color

In a RGB color space, hex #2314b2 is composed of 13.7% red, 7.8% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 88.8% magenta, 0% yellow and 30.2% black. It has a hue angle of 245.7 degrees, a saturation of 79.8% and a lightness of 38.8%. #2314b2 color hex could be obtained by blending #4628ff with #000065. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 14
- G 8
- B 70
RGB color chart
- C 80
- M 89
- Y 0
- K 30
CMYK color chart

● #2314b2 color description : Dark blue.

The hexadecimal color #2314b2 has RGB values of R:35, G:20, B:178 and CMYK values of C:0.8, M:0.89, Y:0, K:0.3. Its decimal value is 2299058.

Hex triplet	2314b2	`#2314b2`
RGB Decimal	35, 20, 178	`rgb(35,20,178)`
RGB Percent	13.7, 7.8, 69.8	`rgb(13.7%,7.8%,69.8%)`
CMYK	80, 89, 0, 30
HSL	245.7°, 79.8, 38.8	`hsl(245.7,79.8%,38.8%)`
HSV (or HSB)	245.7°, 88.8, 69.8
Web Safe	330099	`#330099`

CIE-LAB	23.906, 55.698, -77.279
XYZ	8.978, 4.071, 42.43
xyY	0.162, 0.073, 4.071
CIE-LCH	23.906, 95.26, 305.782
CIE-LUV	23.906, -4.931, -87.842
Hunter-Lab	20.178, 44.108, -110.551
Binary	00100011, 00010100, 10110010

#2314b2
```
#2314b2 rgb(35,20,178)
```
#a3b214
```
#a3b214 rgb(163,178,20)
```

Complementary Color

#1454b2
```
#1454b2 rgb(20,84,178)
```
#2314b2
```
#2314b2 rgb(35,20,178)
```
#7214b2
```
#7214b2 rgb(114,20,178)
```

Analogous Color

#54b214
```
#54b214 rgb(84,178,20)
```
#2314b2
```
#2314b2 rgb(35,20,178)
```
#b27214
```
#b27214 rgb(178,114,20)
```

Split Complementary Color

#14b223
```
#14b223 rgb(20,178,35)
```
#2314b2
```
#2314b2 rgb(35,20,178)
```
#b22314
```
#b22314 rgb(178,35,20)
```

Triadic Color

#14a3b2
```
#14a3b2 rgb(20,163,178)
```
#2314b2
```
#2314b2 rgb(35,20,178)
```
#b22314
```
#b22314 rgb(178,35,20)
```
#a3b214
```
#a3b214 rgb(163,178,20)
```

Tetradic Color

#150c6d
```
#150c6d rgb(21,12,109)
```
#1a0f84
```
#1a0f84 rgb(26,15,132)
```
#1e119b
```
#1e119b rgb(30,17,155)
```
#2314b2
```
#2314b2 rgb(35,20,178)
```
#2817c9
```
#2817c9 rgb(40,23,201)
```
#2c19e0
```
#2c19e0 rgb(44,25,224)
```
#3d2be7
```
#3d2be7 rgb(61,43,231)
```

Monochromatic Color

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

#142cb2
```
#142cb2 rgb(20,44,178)
```
#141fb2
```
#141fb2 rgb(20,31,178)
```
#1614b2
```
#1614b2 rgb(22,20,178)
```
#2314b2
```
#2314b2 rgb(35,20,178)
```
#3014b2
```
#3014b2 rgb(48,20,178)
```
#3d14b2
```
#3d14b2 rgb(61,20,178)
```
#4a14b2
```
#4a14b2 rgb(74,20,178)
```

Similar Colors

Text with hexadecimal color #2314b2

This text has a font color of #2314b2.

<span style="color:#2314b2;">Text here</span>

#2314b2 background color

This paragraph has a background color of #2314b2.

<p style="background-color:#2314b2;">Content here</p>

#2314b2 border color

This element has a border color of #2314b2.

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

CSS codes

.text {color:#2314b2;}

.background {background-color:#2314b2;}

.border {border:1px solid #2314b2;}

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

#000002
```
#000002 rgb(0,0,2)
```
#040213
```
#040213 rgb(4,2,19)
```
#070425
```
#070425 rgb(7,4,37)
```
#0b0637
```
#0b0637 rgb(11,6,55)
```
#0e0848
```
#0e0848 rgb(14,8,72)
```
#120a5a
```
#120a5a rgb(18,10,90)
```
#150c6b
```
#150c6b rgb(21,12,107)
```
#190e7d
```
#190e7d rgb(25,14,125)
```
#1c108f
```
#1c108f rgb(28,16,143)
```
#2012a0
```
#2012a0 rgb(32,18,160)
```
#2314b2
```
#2314b2 rgb(35,20,178)
```
#2616c4
```
#2616c4 rgb(38,22,196)
```
#2a18d5
```
#2a18d5 rgb(42,24,213)
```

Shade Color Variation

#2f1be5
```
#2f1be5 rgb(47,27,229)
```
#3f2de7
```
#3f2de7 rgb(63,45,231)
```
#4f3fe9
```
#4f3fe9 rgb(79,63,233)
```
#5f50eb
```
#5f50eb rgb(95,80,235)
```
#6f62ed
```
#6f62ed rgb(111,98,237)
```
#7f74ef
```
#7f74ef rgb(127,116,239)
```
#8f85f1
```
#8f85f1 rgb(143,133,241)
```
#a097f3
```
#a097f3 rgb(160,151,243)
```
#b0a8f5
```
#b0a8f5 rgb(176,168,245)
```
#c0baf7
```
#c0baf7 rgb(192,186,247)
```
#d0ccf9
```
#d0ccf9 rgb(208,204,249)
```
#e0ddfb
```
#e0ddfb rgb(224,221,251)
```
#f0effd
```
#f0effd rgb(240,239,253)
```

Tint Color Variation

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

#616066
```
#616066 rgb(97,96,102)
```
#5b596d
```
#5b596d rgb(91,89,109)
```
#545175
```
#545175 rgb(84,81,117)
```
#4e497d
```
#4e497d rgb(78,73,125)
```
#484284
```
#484284 rgb(72,66,132)
```
#423a8c
```
#423a8c rgb(66,58,140)
```
#3c3294
```
#3c3294 rgb(60,50,148)
```
#362b9b
```
#362b9b rgb(54,43,155)
```
#2f23a3
```
#2f23a3 rgb(47,35,163)
```
#291caa
```
#291caa rgb(41,28,170)
```
#2314b2
```
#2314b2 rgb(35,20,178)
```
#1d0cba
```
#1d0cba rgb(29,12,186)
```
#1705c1
```
#1705c1 rgb(23,5,193)
```

Tone Color Variation

Below, you can see how #2314b2 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

#2a2a2a Achromatopsia 0.005% of the population
#292645 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00417e Protanopia 1% of men
#00456d Deuteranopia 1% of men
#00494d Tritanopia 0.001% of the population

Trichromacy

#0c3091 Protanomaly 1% of men, 0.01% of women
#0c3386 Deuteranomaly 6% of men, 0.4% of women
#0c3671 Tritanomaly 0.01% of the population

#2314b2 hex color

#2314b2 Color Information

#2314b2 Color Conversion

Color Schemes with #2314b2

Alternatives to #2314b2

#2314b2 Preview

Shades and Tints of #2314b2

Tones of #2314b2

Color Blindness Simulator