#203950 hex color

In a RGB color space, hex #203950 is composed of 12.5% red, 22.4% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 28.8% magenta, 0% yellow and 68.6% black. It has a hue angle of 208.8 degrees, a saturation of 42.9% and a lightness of 22%. #203950 color hex could be obtained by blending #4072a0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 22
- B 31
RGB color chart
- C 60
- M 29
- Y 0
- K 69
CMYK color chart

● #203950 color description : Very dark blue.

The hexadecimal color #203950 has RGB values of R:32, G:57, B:80 and CMYK values of C:0.6, M:0.29, Y:0, K:0.69. Its decimal value is 2111824.

Hex triplet	203950	`#203950`
RGB Decimal	32, 57, 80	`rgb(32,57,80)`
RGB Percent	12.5, 22.4, 31.4	`rgb(12.5%,22.4%,31.4%)`
CMYK	60, 29, 0, 69
HSL	208.8°, 42.9, 22	`hsl(208.8,42.9%,22%)`
HSV (or HSB)	208.8°, 60, 31.4
Web Safe	333366	`#333366`

CIE-LAB	23.041, -1.832, -16.941
XYZ	3.506, 3.812, 8.14
xyY	0.227, 0.247, 3.812
CIE-LCH	23.041, 17.04, 263.828
CIE-LUV	23.041, -9.899, -19.532
Hunter-Lab	19.525, -2.113, -11.05
Binary	00100000, 00111001, 01010000

#203950
```
#203950 rgb(32,57,80)
```
#503720
```
#503720 rgb(80,55,32)
```

Complementary Color

#20504f
```
#20504f rgb(32,80,79)
```
#203950
```
#203950 rgb(32,57,80)
```
#202150
```
#202150 rgb(32,33,80)
```

Analogous Color

#504f20
```
#504f20 rgb(80,79,32)
```
#203950
```
#203950 rgb(32,57,80)
```
#502021
```
#502021 rgb(80,32,33)
```

Split Complementary Color

#395020
```
#395020 rgb(57,80,32)
```
#203950
```
#203950 rgb(32,57,80)
```
#502039
```
#502039 rgb(80,32,57)
```

Triadic Color

#205037
```
#205037 rgb(32,80,55)
```
#203950
```
#203950 rgb(32,57,80)
```
#502039
```
#502039 rgb(80,32,57)
```
#503720
```
#503720 rgb(80,55,32)
```

Tetradic Color

#0a1219
```
#0a1219 rgb(10,18,25)
```
#111f2c
```
#111f2c rgb(17,31,44)
```
#192c3e
```
#192c3e rgb(25,44,62)
```
#203950
```
#203950 rgb(32,57,80)
```
#274662
```
#274662 rgb(39,70,98)
```
#2f5374
```
#2f5374 rgb(47,83,116)
```
#366087
```
#366087 rgb(54,96,135)
```

Monochromatic Color

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

#204550
```
#204550 rgb(32,69,80)
```
#204150
```
#204150 rgb(32,65,80)
```
#203d50
```
#203d50 rgb(32,61,80)
```
#203950
```
#203950 rgb(32,57,80)
```
#203550
```
#203550 rgb(32,53,80)
```
#203150
```
#203150 rgb(32,49,80)
```
#202d50
```
#202d50 rgb(32,45,80)
```

Similar Colors

Text with hexadecimal color #203950

This text has a font color of #203950.

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

#203950 background color

This paragraph has a background color of #203950.

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

#203950 border color

This element has a border color of #203950.

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

CSS codes

.text {color:#203950;}

.background {background-color:#203950;}

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

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

#04070a
```
#04070a rgb(4,7,10)
```
#0a1118
```
#0a1118 rgb(10,17,24)
```
#0f1b26
```
#0f1b26 rgb(15,27,38)
```
#152534
```
#152534 rgb(21,37,52)
```
#1a2f42
```
#1a2f42 rgb(26,47,66)
```
#203950
```
#203950 rgb(32,57,80)
```
#26435e
```
#26435e rgb(38,67,94)
```
#2b4d6c
```
#2b4d6c rgb(43,77,108)
```
#31577a
```
#31577a rgb(49,87,122)
```
#366188
```
#366188 rgb(54,97,136)
```
#3c6b96
```
#3c6b96 rgb(60,107,150)
```
#4275a4
```
#4275a4 rgb(66,117,164)
```
#477fb2
```
#477fb2 rgb(71,127,178)
```

Shade Color Variation

#5389ba
```
#5389ba rgb(83,137,186)
```
#6192c0
```
#6192c0 rgb(97,146,192)
```
#6f9cc5
```
#6f9cc5 rgb(111,156,197)
```
#7da6cb
```
#7da6cb rgb(125,166,203)
```
#8bafd1
```
#8bafd1 rgb(139,175,209)
```
#99b9d6
```
#99b9d6 rgb(153,185,214)
```
#a7c2dc
```
#a7c2dc rgb(167,194,220)
```
#b5cce1
```
#b5cce1 rgb(181,204,225)
```
#c3d6e7
```
#c3d6e7 rgb(195,214,231)
```
#d1dfed
```
#d1dfed rgb(209,223,237)
```
#dfe9f2
```
#dfe9f2 rgb(223,233,242)
```
#edf3f8
```
#edf3f8 rgb(237,243,248)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#36383a
```
#36383a rgb(54,56,58)
```
#31383f
```
#31383f rgb(49,56,63)
```
#2d3843
```
#2d3843 rgb(45,56,67)
```
#293947
```
#293947 rgb(41,57,71)
```
#24394c
```
#24394c rgb(36,57,76)
```
#203950
```
#203950 rgb(32,57,80)
```
#1c3954
```
#1c3954 rgb(28,57,84)
```
#173959
```
#173959 rgb(23,57,89)
```
#133a5d
```
#133a5d rgb(19,58,93)
```
#0f3a61
```
#0f3a61 rgb(15,58,97)
```
#0a3a66
```
#0a3a66 rgb(10,58,102)
```
#063a6a
```
#063a6a rgb(6,58,106)
```
#023a6e
```
#023a6e rgb(2,58,110)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#30353a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a4057 Protanopia 1% of men
#37405a Deuteranopia 1% of men
#24464b Tritanopia 0.001% of the population

Trichromacy

#303d54 Protanomaly 1% of men, 0.01% of women
#2e3d56 Deuteranomaly 6% of men, 0.4% of women
#23414c Tritanomaly 0.01% of the population

#203950 hex color

#203950 Color Information

#203950 Color Conversion

Color Schemes with #203950

Alternatives to #203950

#203950 Preview

Shades and Tints of #203950

Tones of #203950

Color Blindness Simulator