colorhexa.com

#356285 hex color

In a RGB color space, hex #356285 is composed of 20.8% red, 38.4% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 26.3% magenta, 0% yellow and 47.8% black. It has a hue angle of 206.3 degrees, a saturation of 43% and a lightness of 36.5%. #356285 color hex could be obtained by blending #6ac4ff with #00000b. Closest websafe color is: #336699.

- R 21
- G 38
- B 52
RGB color chart
- C 60
- M 26
- Y 0
- K 48
CMYK color chart

● #356285 color description : Dark moderate blue.

The hexadecimal color #356285 has RGB values of R:53, G:98, B:133 and CMYK values of C:0.6, M:0.26, Y:0, K:0.48. Its decimal value is 3498629.

Hex triplet	356285	`#356285`
RGB Decimal	53, 98, 133	`rgb(53,98,133)`
RGB Percent	20.8, 38.4, 52.2	`rgb(20.8%,38.4%,52.2%)`
CMYK	60, 26, 0, 48
HSL	206.3°, 43, 36.5	`hsl(206.3,43%,36.5%)`
HSV (or HSB)	206.3°, 60.2, 52.2
Web Safe	336699	`#336699`

CIE-LAB	39.89, -4.327, -24.143
XYZ	10.069, 11.185, 23.817
xyY	0.223, 0.248, 11.185
CIE-LCH	39.89, 24.528, 259.84
CIE-LUV	39.89, -18.819, -33.468
Hunter-Lab	33.444, -4.789, -18.813
Binary	00110101, 01100010, 10000101

#356285
```
#356285 rgb(53,98,133)
```
#855835
```
#855835 rgb(133,88,53)
```

Complementary Color

#358580
```
#358580 rgb(53,133,128)
```
#356285
```
#356285 rgb(53,98,133)
```
#353a85
```
#353a85 rgb(53,58,133)
```

Analogous Color

#858035
```
#858035 rgb(133,128,53)
```
#356285
```
#356285 rgb(53,98,133)
```
#85353a
```
#85353a rgb(133,53,58)
```

Split Complementary Color

#628535
```
#628535 rgb(98,133,53)
```
#356285
```
#356285 rgb(53,98,133)
```
#853562
```
#853562 rgb(133,53,98)
```

Triadic Color

#1f3a4e
```
#1f3a4e rgb(31,58,78)
```
#264761
```
#264761 rgb(38,71,97)
```
#2e5573
```
#2e5573 rgb(46,85,115)
```
#356285
```
#356285 rgb(53,98,133)
```
#3c6f97
```
#3c6f97 rgb(60,111,151)
```
#447da9
```
#447da9 rgb(68,125,169)
```
#4e8ab8
```
#4e8ab8 rgb(78,138,184)
```

Monochromatic Color

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

#357685
```
#357685 rgb(53,118,133)
```
#356f85
```
#356f85 rgb(53,111,133)
```
#356985
```
#356985 rgb(53,105,133)
```
#356285
```
#356285 rgb(53,98,133)
```
#355b85
```
#355b85 rgb(53,91,133)
```
#355585
```
#355585 rgb(53,85,133)
```
#354e85
```
#354e85 rgb(53,78,133)
```

Similar Colors

Text with hexadecimal color #356285

This text has a font color of #356285.

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

#356285 background color

This paragraph has a background color of #356285.

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

#356285 border color

This element has a border color of #356285.

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

CSS codes

.text {color:#356285;}

.background {background-color:#356285;}

.border {border:1px solid #356285;}

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

#030507
```
#030507 rgb(3,5,7)
```
#080f15
```
#080f15 rgb(8,15,21)
```
#0e1a23
```
#0e1a23 rgb(14,26,35)
```
#132431
```
#132431 rgb(19,36,49)
```
#192e3f
```
#192e3f rgb(25,46,63)
```
#1f394d
```
#1f394d rgb(31,57,77)
```
#24435b
```
#24435b rgb(36,67,91)
```
#2a4d69
```
#2a4d69 rgb(42,77,105)
```
#2f5877
```
#2f5877 rgb(47,88,119)
```
#356285
```
#356285 rgb(53,98,133)
```
#3b6c93
```
#3b6c93 rgb(59,108,147)
```
#4077a1
```
#4077a1 rgb(64,119,161)
```
#4681af
```
#4681af rgb(70,129,175)
```

Shade Color Variation

#4f8bb9
```
#4f8bb9 rgb(79,139,185)
```
#5d94bf
```
#5d94bf rgb(93,148,191)
```
#6b9dc4
```
#6b9dc4 rgb(107,157,196)
```
#7aa7ca
```
#7aa7ca rgb(122,167,202)
```
#88b0cf
```
#88b0cf rgb(136,176,207)
```
#96b9d5
```
#96b9d5 rgb(150,185,213)
```
#a4c3db
```
#a4c3db rgb(164,195,219)
```
#b2cce0
```
#b2cce0 rgb(178,204,224)
```
#c0d5e6
```
#c0d5e6 rgb(192,213,230)
```
#cedeeb
```
#cedeeb rgb(206,222,235)
```
#dce8f1
```
#dce8f1 rgb(220,232,241)
```
#eaf1f7
```
#eaf1f7 rgb(234,241,247)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595e61 is the less saturated color, while #0368b7 is the most saturated one.

#595e61
```
#595e61 rgb(89,94,97)
```
#525e68
```
#525e68 rgb(82,94,104)
```
#4a5f70
```
#4a5f70 rgb(74,95,112)
```
#436077
```
#436077 rgb(67,96,119)
```
#3c617e
```
#3c617e rgb(60,97,126)
```
#356285
```
#356285 rgb(53,98,133)
```
#2e638c
```
#2e638c rgb(46,99,140)
```
#276493
```
#276493 rgb(39,100,147)
```
#20659a
```
#20659a rgb(32,101,154)
```
#1866a2
```
#1866a2 rgb(24,102,162)
```
#1166a9
```
#1166a9 rgb(17,102,169)
```
#0a67b0
```
#0a67b0 rgb(10,103,176)
```
#0368b7
```
#0368b7 rgb(3,104,183)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#525b62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6587 Protanopia 1% of men
#56658d Deuteranopia 1% of men
#346e76 Tritanopia 0.001% of the population

Trichromacy

#4d6486 Protanomaly 1% of men, 0.01% of women
#4a648a Deuteranomaly 6% of men, 0.4% of women
#34697b Tritanomaly 0.01% of the population