#354063 hex color

In a RGB color space, hex #354063 is composed of 20.8% red, 25.1% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 46.5% cyan, 35.4% magenta, 0% yellow and 61.2% black. It has a hue angle of 225.7 degrees, a saturation of 30.3% and a lightness of 29.8%. #354063 color hex could be obtained by blending #6a80c6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 21
- G 25
- B 39
RGB color chart
- C 46
- M 35
- Y 0
- K 61
CMYK color chart

● #354063 color description : Very dark desaturated blue.

The hexadecimal color #354063 has RGB values of R:53, G:64, B:99 and CMYK values of C:0.46, M:0.35, Y:0, K:0.61. Its decimal value is 3489891.

Hex triplet	354063	`#354063`
RGB Decimal	53, 64, 99	`rgb(53,64,99)`
RGB Percent	20.8, 25.1, 38.8	`rgb(20.8%,25.1%,38.8%)`
CMYK	46, 35, 0, 61
HSL	225.7°, 30.3, 29.8	`hsl(225.7,30.3%,29.8%)`
HSV (or HSB)	225.7°, 46.5, 38.8
Web Safe	333366	`#333366`

CIE-LAB	27.639, 5.916, -22.063
XYZ	5.553, 5.324, 12.539
xyY	0.237, 0.227, 5.324
CIE-LCH	27.639, 22.842, 285.01
CIE-LUV	27.639, -6.215, -28.336
Hunter-Lab	23.075, 2.579, -16.066
Binary	00110101, 01000000, 01100011

#354063
```
#354063 rgb(53,64,99)
```
#635835
```
#635835 rgb(99,88,53)
```

Complementary Color

#355763
```
#355763 rgb(53,87,99)
```
#354063
```
#354063 rgb(53,64,99)
```
#413563
```
#413563 rgb(65,53,99)
```

Analogous Color

#576335
```
#576335 rgb(87,99,53)
```
#354063
```
#354063 rgb(53,64,99)
```
#634135
```
#634135 rgb(99,65,53)
```

Split Complementary Color

#406335
```
#406335 rgb(64,99,53)
```
#354063
```
#354063 rgb(53,64,99)
```
#633540
```
#633540 rgb(99,53,64)
```

Triadic Color

#356358
```
#356358 rgb(53,99,88)
```
#354063
```
#354063 rgb(53,64,99)
```
#633540
```
#633540 rgb(99,53,64)
```
#635835
```
#635835 rgb(99,88,53)
```

Tetradic Color

#1a2031
```
#1a2031 rgb(26,32,49)
```
#232b42
```
#232b42 rgb(35,43,66)
```
#2c3552
```
#2c3552 rgb(44,53,82)
```
#354063
```
#354063 rgb(53,64,99)
```
#3e4b74
```
#3e4b74 rgb(62,75,116)
```
#475584
```
#475584 rgb(71,85,132)
```
#506095
```
#506095 rgb(80,96,149)
```

Monochromatic Color

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

#354c63
```
#354c63 rgb(53,76,99)
```
#354863
```
#354863 rgb(53,72,99)
```
#354463
```
#354463 rgb(53,68,99)
```
#354063
```
#354063 rgb(53,64,99)
```
#353c63
```
#353c63 rgb(53,60,99)
```
#353863
```
#353863 rgb(53,56,99)
```
#363563
```
#363563 rgb(54,53,99)
```

Similar Colors

Text with hexadecimal color #354063

This text has a font color of #354063.

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

#354063 background color

This paragraph has a background color of #354063.

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

#354063 border color

This element has a border color of #354063.

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

CSS codes

.text {color:#354063;}

.background {background-color:#354063;}

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

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

#05060a
```
#05060a rgb(5,6,10)
```
#0c0e16
```
#0c0e16 rgb(12,14,22)
```
#131723
```
#131723 rgb(19,23,35)
```
#1a1f30
```
#1a1f30 rgb(26,31,48)
```
#20273d
```
#20273d rgb(32,39,61)
```
#272f49
```
#272f49 rgb(39,47,73)
```
#2e3856
```
#2e3856 rgb(46,56,86)
```
#354063
```
#354063 rgb(53,64,99)
```
#3c4870
```
#3c4870 rgb(60,72,112)
```
#43517d
```
#43517d rgb(67,81,125)
```
#4a5989
```
#4a5989 rgb(74,89,137)
```
#506196
```
#506196 rgb(80,97,150)
```
#5769a3
```
#5769a3 rgb(87,105,163)
```

Shade Color Variation

#6274ab
```
#6274ab rgb(98,116,171)
```
#6f7fb2
```
#6f7fb2 rgb(111,127,178)
```
#7c8bb9
```
#7c8bb9 rgb(124,139,185)
```
#8996c0
```
#8996c0 rgb(137,150,192)
```
#96a1c7
```
#96a1c7 rgb(150,161,199)
```
#a2adcd
```
#a2adcd rgb(162,173,205)
```
#afb8d4
```
#afb8d4 rgb(175,184,212)
```
#bcc3db
```
#bcc3db rgb(188,195,219)
```
#c9cfe2
```
#c9cfe2 rgb(201,207,226)
```
#d5dae9
```
#d5dae9 rgb(213,218,233)
```
#e2e5f0
```
#e2e5f0 rgb(226,229,240)
```
#eff1f6
```
#eff1f6 rgb(239,241,246)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#474951
```
#474951 rgb(71,73,81)
```
#414657
```
#414657 rgb(65,70,87)
```
#3b435d
```
#3b435d rgb(59,67,93)
```
#354063
```
#354063 rgb(53,64,99)
```
#2f3d69
```
#2f3d69 rgb(47,61,105)
```
#293a6f
```
#293a6f rgb(41,58,111)
```
#233775
```
#233775 rgb(35,55,117)
```
#1e347a
```
#1e347a rgb(30,52,122)
```
#183180
```
#183180 rgb(24,49,128)
```
#122e86
```
#122e86 rgb(18,46,134)
```
#0c2b8c
```
#0c2b8c rgb(12,43,140)
```
#062892
```
#062892 rgb(6,40,146)
```
#002598
```
#002598 rgb(0,37,152)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3f4148 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f4a6b Protanopia 1% of men
#3c4a6a Deuteranopia 1% of men
#374e54 Tritanopia 0.001% of the population

Trichromacy

#3b4668 Protanomaly 1% of men, 0.01% of women
#394667 Deuteranomaly 6% of men, 0.4% of women
#364959 Tritanomaly 0.01% of the population

#354063 hex color

#354063 Color Information

#354063 Color Conversion

Color Schemes with #354063

Alternatives to #354063

#354063 Preview

Shades and Tints of #354063

Tones of #354063

Color Blindness Simulator