#323a7f hex color

In a RGB color space, hex #323a7f is composed of 19.6% red, 22.7% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 54.3% magenta, 0% yellow and 50.2% black. It has a hue angle of 233.8 degrees, a saturation of 43.5% and a lightness of 34.7%. #323a7f color hex could be obtained by blending #6474fe with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 23
- B 50
RGB color chart
- C 61
- M 54
- Y 0
- K 50
CMYK color chart

● #323a7f color description : Dark moderate blue.

The hexadecimal color #323a7f has RGB values of R:50, G:58, B:127 and CMYK values of C:0.61, M:0.54, Y:0, K:0.5. Its decimal value is 3291775.

Hex triplet	323a7f	`#323a7f`
RGB Decimal	50, 58, 127	`rgb(50,58,127)`
RGB Percent	19.6, 22.7, 49.8	`rgb(19.6%,22.7%,49.8%)`
CMYK	61, 54, 0, 50
HSL	233.8°, 43.5, 34.7	`hsl(233.8,43.5%,34.7%)`
HSV (or HSB)	233.8°, 60.6, 49.8
Web Safe	333366	`#333366`

CIE-LAB	27.397, 19.059, -40.247
XYZ	6.658, 5.236, 20.737
xyY	0.204, 0.16, 5.236
CIE-LCH	27.397, 44.531, 295.341
CIE-LUV	27.397, -6.114, -52.945
Hunter-Lab	22.883, 11.895, -37.713
Binary	00110010, 00111010, 01111111

#323a7f
```
#323a7f rgb(50,58,127)
```
#7f7732
```
#7f7732 rgb(127,119,50)
```

Complementary Color

#32617f
```
#32617f rgb(50,97,127)
```
#323a7f
```
#323a7f rgb(50,58,127)
```
#50327f
```
#50327f rgb(80,50,127)
```

Analogous Color

#617f32
```
#617f32 rgb(97,127,50)
```
#323a7f
```
#323a7f rgb(50,58,127)
```
#7f5032
```
#7f5032 rgb(127,80,50)
```

Split Complementary Color

#3a7f32
```
#3a7f32 rgb(58,127,50)
```
#323a7f
```
#323a7f rgb(50,58,127)
```
#7f323a
```
#7f323a rgb(127,50,58)
```

Triadic Color

#327f77
```
#327f77 rgb(50,127,119)
```
#323a7f
```
#323a7f rgb(50,58,127)
```
#7f323a
```
#7f323a rgb(127,50,58)
```
#7f7732
```
#7f7732 rgb(127,119,50)
```

Tetradic Color

#1c2148
```
#1c2148 rgb(28,33,72)
```
#24295a
```
#24295a rgb(36,41,90)
```
#2b326d
```
#2b326d rgb(43,50,109)
```
#323a7f
```
#323a7f rgb(50,58,127)
```
#394291
```
#394291 rgb(57,66,145)
```
#404ba4
```
#404ba4 rgb(64,75,164)
```
#4853b6
```
#4853b6 rgb(72,83,182)
```

Monochromatic Color

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

#324d7f
```
#324d7f rgb(50,77,127)
```
#32477f
```
#32477f rgb(50,71,127)
```
#32407f
```
#32407f rgb(50,64,127)
```
#323a7f
```
#323a7f rgb(50,58,127)
```
#32347f
```
#32347f rgb(50,52,127)
```
#37327f
```
#37327f rgb(55,50,127)
```
#3d327f
```
#3d327f rgb(61,50,127)
```

Similar Colors

Text with hexadecimal color #323a7f

This text has a font color of #323a7f.

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

#323a7f background color

This paragraph has a background color of #323a7f.

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

#323a7f border color

This element has a border color of #323a7f.

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

CSS codes

.text {color:#323a7f;}

.background {background-color:#323a7f;}

.border {border:1px solid #323a7f;}

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

#000000
```
#000000 rgb(0,0,0)
```
#06070e
```
#06070e rgb(6,7,14)
```
#0b0d1c
```
#0b0d1c rgb(11,13,28)
```
#11132b
```
#11132b rgb(17,19,43)
```
#161a39
```
#161a39 rgb(22,26,57)
```
#1c2047
```
#1c2047 rgb(28,32,71)
```
#212755
```
#212755 rgb(33,39,85)
```
#272d63
```
#272d63 rgb(39,45,99)
```
#2c3471
```
#2c3471 rgb(44,52,113)
```
#323a7f
```
#323a7f rgb(50,58,127)
```
#38408d
```
#38408d rgb(56,64,141)
```
#3d479b
```
#3d479b rgb(61,71,155)
```
#434da9
```
#434da9 rgb(67,77,169)
```

Shade Color Variation

#4854b7
```
#4854b7 rgb(72,84,183)
```
#5661bd
```
#5661bd rgb(86,97,189)
```
#656ec2
```
#656ec2 rgb(101,110,194)
```
#737bc8
```
#737bc8 rgb(115,123,200)
```
#8189cd
```
#8189cd rgb(129,137,205)
```
#8f96d3
```
#8f96d3 rgb(143,150,211)
```
#9da3d8
```
#9da3d8 rgb(157,163,216)
```
#abb0de
```
#abb0de rgb(171,176,222)
```
#b9bde3
```
#b9bde3 rgb(185,189,227)
```
#c7cbe9
```
#c7cbe9 rgb(199,203,233)
```
#d5d8ef
```
#d5d8ef rgb(213,216,239)
```
#e3e5f4
```
#e3e5f4 rgb(227,229,244)
```
#f1f2fa
```
#f1f2fa rgb(241,242,250)
```

Tint Color Variation

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

#54555d
```
#54555d rgb(84,85,93)
```
#4d5064
```
#4d5064 rgb(77,80,100)
```
#464a6b
```
#464a6b rgb(70,74,107)
```
#404571
```
#404571 rgb(64,69,113)
```
#393f78
```
#393f78 rgb(57,63,120)
```
#323a7f
```
#323a7f rgb(50,58,127)
```
#2b3586
```
#2b3586 rgb(43,53,134)
```
#242f8d
```
#242f8d rgb(36,47,141)
```
#1e2a93
```
#1e2a93 rgb(30,42,147)
```
#17249a
```
#17249a rgb(23,36,154)
```
#101fa1
```
#101fa1 rgb(16,31,161)
```
#091aa8
```
#091aa8 rgb(9,26,168)
```
#0214af
```
#0214af rgb(2,20,175)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3c3e4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#1c4889 Protanopia 1% of men
#004b7d Deuteranopia 1% of men
#215056 Tritanopia 0.001% of the population

Trichromacy

#244385 Protanomaly 1% of men, 0.01% of women
#12457e Deuteranomaly 6% of men, 0.4% of women
#274865 Tritanomaly 0.01% of the population

#323a7f hex color

#323a7f Color Information

#323a7f Color Conversion

Color Schemes with #323a7f

Alternatives to #323a7f

#323a7f Preview

Shades and Tints of #323a7f

Tones of #323a7f

Color Blindness Simulator