colorhexa.com

#35486e hex color

In a RGB color space, hex #35486e is composed of 20.8% red, 28.2% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 34.5% magenta, 0% yellow and 56.9% black. It has a hue angle of 220 degrees, a saturation of 35% and a lightness of 32%. #35486e color hex could be obtained by blending #6a90dc with #000000. Closest websafe color is: #333366.

- R 21
- G 28
- B 43
RGB color chart
- C 52
- M 35
- Y 0
- K 57
CMYK color chart

● #35486e color description : Very dark desaturated blue.

The hexadecimal color #35486e has RGB values of R:53, G:72, B:110 and CMYK values of C:0.52, M:0.35, Y:0, K:0.57. Its decimal value is 3491950.

Hex triplet	35486e	`#35486e`
RGB Decimal	53, 72, 110	`rgb(53,72,110)`
RGB Percent	20.8, 28.2, 43.1	`rgb(20.8%,28.2%,43.1%)`
CMYK	52, 35, 0, 57
HSL	220°, 35, 32	`hsl(220,35%,32%)`
HSV (or HSB)	220°, 51.8, 43.1
Web Safe	333366	`#333366`

CIE-LAB	30.681, 4.294, -24.305
XYZ	6.599, 6.517, 15.661
xyY	0.229, 0.226, 6.517
CIE-LCH	30.681, 24.681, 280.02
CIE-LUV	30.681, -9.338, -32.216
Hunter-Lab	25.529, 1.469, -18.503
Binary	00110101, 01001000, 01101110

#35486e
```
#35486e rgb(53,72,110)
```
#6e5b35
```
#6e5b35 rgb(110,91,53)
```

Complementary Color

#35656e
```
#35656e rgb(53,101,110)
```
#35486e
```
#35486e rgb(53,72,110)
```
#3f356e
```
#3f356e rgb(63,53,110)
```

Analogous Color

#656e35
```
#656e35 rgb(101,110,53)
```
#35486e
```
#35486e rgb(53,72,110)
```
#6e3f35
```
#6e3f35 rgb(110,63,53)
```

Split Complementary Color

#486e35
```
#486e35 rgb(72,110,53)
```
#35486e
```
#35486e rgb(53,72,110)
```
#6e3548
```
#6e3548 rgb(110,53,72)
```

Triadic Color

#1c263a
```
#1c263a rgb(28,38,58)
```
#24314c
```
#24314c rgb(36,49,76)
```
#2d3d5d
```
#2d3d5d rgb(45,61,93)
```
#35486e
```
#35486e rgb(53,72,110)
```
#3d537f
```
#3d537f rgb(61,83,127)
```
#465f90
```
#465f90 rgb(70,95,144)
```
#4e6aa2
```
#4e6aa2 rgb(78,106,162)
```

Monochromatic Color

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

#35566e
```
#35566e rgb(53,86,110)
```
#35526e
```
#35526e rgb(53,82,110)
```
#354d6e
```
#354d6e rgb(53,77,110)
```
#35486e
```
#35486e rgb(53,72,110)
```
#35436e
```
#35436e rgb(53,67,110)
```
#353f6e
```
#353f6e rgb(53,63,110)
```
#353a6e
```
#353a6e rgb(53,58,110)
```

Similar Colors

Text with hexadecimal color #35486e

This text has a font color of #35486e.

<span style="color:#35486e;">Text here</span>

#35486e background color

This paragraph has a background color of #35486e.

<p style="background-color:#35486e;">Content here</p>

#35486e border color

This element has a border color of #35486e.

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

CSS codes

.text {color:#35486e;}

.background {background-color:#35486e;}

.border {border:1px solid #35486e;}

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

#020304
```
#020304 rgb(2,3,4)
```
#080b11
```
#080b11 rgb(8,11,17)
```
#0f141f
```
#0f141f rgb(15,20,31)
```
#151d2c
```
#151d2c rgb(21,29,44)
```
#1b2539
```
#1b2539 rgb(27,37,57)
```
#222e46
```
#222e46 rgb(34,46,70)
```
#283754
```
#283754 rgb(40,55,84)
```
#2f3f61
```
#2f3f61 rgb(47,63,97)
```
#35486e
```
#35486e rgb(53,72,110)
```
#3b517b
```
#3b517b rgb(59,81,123)
```
#425988
```
#425988 rgb(66,89,136)
```
#486296
```
#486296 rgb(72,98,150)
```
#4f6ba3
```
#4f6ba3 rgb(79,107,163)
```

Shade Color Variation

#5774ae
```
#5774ae rgb(87,116,174)
```
#647fb4
```
#647fb4 rgb(100,127,180)
```
#718abb
```
#718abb rgb(113,138,187)
```
#7f95c1
```
#7f95c1 rgb(127,149,193)
```
#8ca0c8
```
#8ca0c8 rgb(140,160,200)
```
#99abce
```
#99abce rgb(153,171,206)
```
#a6b6d4
```
#a6b6d4 rgb(166,182,212)
```
#b4c1db
```
#b4c1db rgb(180,193,219)
```
#c1cce1
```
#c1cce1 rgb(193,204,225)
```
#ced7e7
```
#ced7e7 rgb(206,215,231)
```
#dbe2ee
```
#dbe2ee rgb(219,226,238)
```
#e9ecf4
```
#e9ecf4 rgb(233,236,244)
```
#f6f7fb
```
#f6f7fb rgb(246,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e5055 is the less saturated color, while #0337a0 is the most saturated one.

#4e5055
```
#4e5055 rgb(78,80,85)
```
#484e5b
```
#484e5b rgb(72,78,91)
```
#424c61
```
#424c61 rgb(66,76,97)
```
#3b4a68
```
#3b4a68 rgb(59,74,104)
```
#35486e
```
#35486e rgb(53,72,110)
```
#2f4674
```
#2f4674 rgb(47,70,116)
```
#28447b
```
#28447b rgb(40,68,123)
```
#224281
```
#224281 rgb(34,66,129)
```
#1c4087
```
#1c4087 rgb(28,64,135)
```
#163e8d
```
#163e8d rgb(22,62,141)
```
#0f3b94
```
#0f3b94 rgb(15,59,148)
```
#09399a
```
#09399a rgb(9,57,154)
```
#0337a0
```
#0337a0 rgb(3,55,160)
```

Tone Color Variation

Below, you can see how #35486e 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
#43474f Atypical Achromatopsia 0.001% of the population

Dichromacy

#445074 Protanopia 1% of men
#405175 Deuteranopia 1% of men
#35565d Tritanopia 0.001% of the population

Trichromacy

#3e4d72 Protanomaly 1% of men, 0.01% of women
#3c4d72 Deuteranomaly 6% of men, 0.4% of women
#355163 Tritanomaly 0.01% of the population