colorhexa.com

#203d50 hex color

In a RGB color space, hex #203d50 is composed of 12.5% red, 23.9% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 23.8% magenta, 0% yellow and 68.6% black. It has a hue angle of 203.8 degrees, a saturation of 42.9% and a lightness of 22%. #203d50 color hex could be obtained by blending #407aa0 with #000000. Closest websafe color is: #333366.

- R 13
- G 24
- B 31
RGB color chart
- C 60
- M 24
- Y 0
- K 69
CMYK color chart

● #203d50 color description : Very dark blue.

The hexadecimal color #203d50 has RGB values of R:32, G:61, B:80 and CMYK values of C:0.6, M:0.24, Y:0, K:0.69. Its decimal value is 2112848.

Hex triplet	203d50	`#203d50`
RGB Decimal	32, 61, 80	`rgb(32,61,80)`
RGB Percent	12.5, 23.9, 31.4	`rgb(12.5%,23.9%,31.4%)`
CMYK	60, 24, 0, 69
HSL	203.8°, 42.9, 22	`hsl(203.8,42.9%,22%)`
HSV (or HSB)	203.8°, 60, 31.4
Web Safe	333366	`#333366`

CIE-LAB	24.397, -4.485, -14.839
XYZ	3.712, 4.224, 8.209
xyY	0.23, 0.262, 4.224
CIE-LCH	24.397, 15.502, 253.181
CIE-LUV	24.397, -11.387, -17.054
Hunter-Lab	20.551, -3.723, -9.296
Binary	00100000, 00111101, 01010000

#203d50
```
#203d50 rgb(32,61,80)
```
#503320
```
#503320 rgb(80,51,32)
```

Complementary Color

#20504b
```
#20504b rgb(32,80,75)
```
#203d50
```
#203d50 rgb(32,61,80)
```
#202550
```
#202550 rgb(32,37,80)
```

Analogous Color

#504b20
```
#504b20 rgb(80,75,32)
```
#203d50
```
#203d50 rgb(32,61,80)
```
#502025
```
#502025 rgb(80,32,37)
```

Split Complementary Color

#0a1319
```
#0a1319 rgb(10,19,25)
```
#11212c
```
#11212c rgb(17,33,44)
```
#192f3e
```
#192f3e rgb(25,47,62)
```
#203d50
```
#203d50 rgb(32,61,80)
```
#274b62
```
#274b62 rgb(39,75,98)
```
#2f5974
```
#2f5974 rgb(47,89,116)
```
#366787
```
#366787 rgb(54,103,135)
```

Monochromatic Color

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

#204950
```
#204950 rgb(32,73,80)
```
#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)
```

Similar Colors

Text with hexadecimal color #203d50

This text has a font color of #203d50.

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

#203d50 background color

This paragraph has a background color of #203d50.

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

#203d50 border color

This element has a border color of #203d50.

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

CSS codes

.text {color:#203d50;}

.background {background-color:#203d50;}

.border {border:1px solid #203d50;}

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

#04080a
```
#04080a rgb(4,8,10)
```
#0a1218
```
#0a1218 rgb(10,18,24)
```
#0f1d26
```
#0f1d26 rgb(15,29,38)
```
#152834
```
#152834 rgb(21,40,52)
```
#1a3242
```
#1a3242 rgb(26,50,66)
```
#203d50
```
#203d50 rgb(32,61,80)
```
#26485e
```
#26485e rgb(38,72,94)
```
#2b526c
```
#2b526c rgb(43,82,108)
```
#315d7a
```
#315d7a rgb(49,93,122)
```
#366888
```
#366888 rgb(54,104,136)
```
#3c7296
```
#3c7296 rgb(60,114,150)
```
#427da4
```
#427da4 rgb(66,125,164)
```
#4788b2
```
#4788b2 rgb(71,136,178)
```

Shade Color Variation

#5391ba
```
#5391ba rgb(83,145,186)
```
#619ac0
```
#619ac0 rgb(97,154,192)
```
#6fa3c5
```
#6fa3c5 rgb(111,163,197)
```
#7daccb
```
#7daccb rgb(125,172,203)
```
#8bb5d1
```
#8bb5d1 rgb(139,181,209)
```
#99bed6
```
#99bed6 rgb(153,190,214)
```
#a7c7dc
```
#a7c7dc rgb(167,199,220)
```
#b5d0e1
```
#b5d0e1 rgb(181,208,225)
```
#c3d9e7
```
#c3d9e7 rgb(195,217,231)
```
#d1e2ed
```
#d1e2ed rgb(209,226,237)
```
#dfebf2
```
#dfebf2 rgb(223,235,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, #36393a is the less saturated color, while #02436e is the most saturated one.

#36393a
```
#36393a rgb(54,57,58)
```
#31393f
```
#31393f rgb(49,57,63)
```
#2d3a43
```
#2d3a43 rgb(45,58,67)
```
#293b47
```
#293b47 rgb(41,59,71)
```
#243c4c
```
#243c4c rgb(36,60,76)
```
#203d50
```
#203d50 rgb(32,61,80)
```
#1c3e54
```
#1c3e54 rgb(28,62,84)
```
#173f59
```
#173f59 rgb(23,63,89)
```
#13405d
```
#13405d rgb(19,64,93)
```
#0f4161
```
#0f4161 rgb(15,65,97)
```
#0a4166
```
#0a4166 rgb(10,65,102)
```
#06426a
```
#06426a rgb(6,66,106)
```
#02436e
```
#02436e rgb(2,67,110)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#32373b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e4356 Protanopia 1% of men
#3c435a Deuteranopia 1% of men
#26494e Tritanopia 0.001% of the population

Trichromacy

#334154 Protanomaly 1% of men, 0.01% of women
#324156 Deuteranomaly 6% of men, 0.4% of women
#24444f Tritanomaly 0.01% of the population