colorhexa.com

#2348a3 hex color

In a RGB color space, hex #2348a3 is composed of 13.7% red, 28.2% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 55.8% magenta, 0% yellow and 36.1% black. It has a hue angle of 222.7 degrees, a saturation of 64.6% and a lightness of 38.8%. #2348a3 color hex could be obtained by blending #4690ff with #000047. Closest websafe color is: #333399.

- R 14
- G 28
- B 64
RGB color chart
- C 79
- M 56
- Y 0
- K 36
CMYK color chart

● #2348a3 color description : Dark blue.

The hexadecimal color #2348a3 has RGB values of R:35, G:72, B:163 and CMYK values of C:0.79, M:0.56, Y:0, K:0.36. Its decimal value is 2312355.

Hex triplet	2348a3	`#2348a3`
RGB Decimal	35, 72, 163	`rgb(35,72,163)`
RGB Percent	13.7, 28.2, 63.9	`rgb(13.7%,28.2%,63.9%)`
CMYK	79, 56, 0, 36
HSL	222.7°, 64.6, 38.8	`hsl(222.7,64.6%,38.8%)`
HSV (or HSB)	222.7°, 78.5, 63.9
Web Safe	333399	`#333399`

CIE-LAB	33.212, 20.891, -52.953
XYZ	9.62, 7.636, 35.615
xyY	0.182, 0.144, 7.636
CIE-LCH	33.212, 56.925, 291.531
CIE-LUV	33.212, -13.497, -73.763
Hunter-Lab	27.633, 13.785, -57.074
Binary	00100011, 01001000, 10100011

#2348a3
```
#2348a3 rgb(35,72,163)
```
#a37e23
```
#a37e23 rgb(163,126,35)
```

Complementary Color

#2388a3
```
#2388a3 rgb(35,136,163)
```
#2348a3
```
#2348a3 rgb(35,72,163)
```
#3e23a3
```
#3e23a3 rgb(62,35,163)
```

Analogous Color

#88a323
```
#88a323 rgb(136,163,35)
```
#2348a3
```
#2348a3 rgb(35,72,163)
```
#a33e23
```
#a33e23 rgb(163,62,35)
```

Split Complementary Color

#48a323
```
#48a323 rgb(72,163,35)
```
#2348a3
```
#2348a3 rgb(35,72,163)
```
#a32348
```
#a32348 rgb(163,35,72)
```

Triadic Color

#23a37e
```
#23a37e rgb(35,163,126)
```
#2348a3
```
#2348a3 rgb(35,72,163)
```
#a32348
```
#a32348 rgb(163,35,72)
```
#a37e23
```
#a37e23 rgb(163,126,35)
```

Tetradic Color

#152c64
```
#152c64 rgb(21,44,100)
```
#1a3579
```
#1a3579 rgb(26,53,121)
```
#1e3f8e
```
#1e3f8e rgb(30,63,142)
```
#2348a3
```
#2348a3 rgb(35,72,163)
```
#2851b8
```
#2851b8 rgb(40,81,184)
```
#2c5bcd
```
#2c5bcd rgb(44,91,205)
```
#3d69d5
```
#3d69d5 rgb(61,105,213)
```

Monochromatic Color

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

#2368a3
```
#2368a3 rgb(35,104,163)
```
#235da3
```
#235da3 rgb(35,93,163)
```
#2353a3
```
#2353a3 rgb(35,83,163)
```
#2348a3
```
#2348a3 rgb(35,72,163)
```
#233da3
```
#233da3 rgb(35,61,163)
```
#2333a3
```
#2333a3 rgb(35,51,163)
```
#2328a3
```
#2328a3 rgb(35,40,163)
```

Similar Colors

Text with hexadecimal color #2348a3

This text has a font color of #2348a3.

<span style="color:#2348a3;">Text here</span>

#2348a3 background color

This paragraph has a background color of #2348a3.

<p style="background-color:#2348a3;">Content here</p>

#2348a3 border color

This element has a border color of #2348a3.

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

CSS codes

.text {color:#2348a3;}

.background {background-color:#2348a3;}

.border {border:1px solid #2348a3;}

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

#000102
```
#000102 rgb(0,1,2)
```
#040812
```
#040812 rgb(4,8,18)
```
#070f22
```
#070f22 rgb(7,15,34)
```
#0b1632
```
#0b1632 rgb(11,22,50)
```
#0e1d42
```
#0e1d42 rgb(14,29,66)
```
#122452
```
#122452 rgb(18,36,82)
```
#152b62
```
#152b62 rgb(21,43,98)
```
#193373
```
#193373 rgb(25,51,115)
```
#1c3a83
```
#1c3a83 rgb(28,58,131)
```
#204193
```
#204193 rgb(32,65,147)
```
#2348a3
```
#2348a3 rgb(35,72,163)
```
#264fb3
```
#264fb3 rgb(38,79,179)
```
#2a56c3
```
#2a56c3 rgb(42,86,195)
```

Shade Color Variation

#2f5ed2
```
#2f5ed2 rgb(47,94,210)
```
#3f6ad6
```
#3f6ad6 rgb(63,106,214)
```
#4f77d9
```
#4f77d9 rgb(79,119,217)
```
#5f83dd
```
#5f83dd rgb(95,131,221)
```
#6f90e0
```
#6f90e0 rgb(111,144,224)
```
#7f9ce4
```
#7f9ce4 rgb(127,156,228)
```
#8fa9e7
```
#8fa9e7 rgb(143,169,231)
```
#a0b5eb
```
#a0b5eb rgb(160,181,235)
```
#b0c2ee
```
#b0c2ee rgb(176,194,238)
```
#c0cef1
```
#c0cef1 rgb(192,206,241)
```
#d0dbf5
```
#d0dbf5 rgb(208,219,245)
```
#e0e7f8
```
#e0e7f8 rgb(224,231,248)
```
#f0f4fc
```
#f0f4fc rgb(240,244,252)
```

Tint Color Variation

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

#606266
```
#606266 rgb(96,98,102)
```
#585e6e
```
#585e6e rgb(88,94,110)
```
#515b75
```
#515b75 rgb(81,91,117)
```
#49587d
```
#49587d rgb(73,88,125)
```
#415585
```
#415585 rgb(65,85,133)
```
#3a528c
```
#3a528c rgb(58,82,140)
```
#324e94
```
#324e94 rgb(50,78,148)
```
#2b4b9b
```
#2b4b9b rgb(43,75,155)
```
#2348a3
```
#2348a3 rgb(35,72,163)
```
#1b45ab
```
#1b45ab rgb(27,69,171)
```
#1442b2
```
#1442b2 rgb(20,66,178)
```
#0c3eba
```
#0c3eba rgb(12,62,186)
```
#053bc1
```
#053bc1 rgb(5,59,193)
```

Tone Color Variation

Below, you can see how #2348a3 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

#474747 Achromatopsia 0.005% of the population
#404759 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a5 Protanopia 1% of men
#005991 Deuteranopia 1% of men
#005f65 Tritanopia 0.001% of the population

Trichromacy

#0c50a4 Protanomaly 1% of men, 0.01% of women
#0c5297 Deuteranomaly 6% of men, 0.4% of women
#0c577b Tritanomaly 0.01% of the population