#203a5d hex color

In a RGB color space, hex #203a5d is composed of 12.5% red, 22.7% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 37.6% magenta, 0% yellow and 63.5% black. It has a hue angle of 214.4 degrees, a saturation of 48.8% and a lightness of 24.5%. #203a5d color hex could be obtained by blending #4074ba with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 23
- B 36
RGB color chart
- C 66
- M 38
- Y 0
- K 64
CMYK color chart

● #203a5d color description : Very dark blue.

The hexadecimal color #203a5d has RGB values of R:32, G:58, B:93 and CMYK values of C:0.66, M:0.38, Y:0, K:0.64. Its decimal value is 2112093.

Hex triplet	203a5d	`#203a5d`
RGB Decimal	32, 58, 93	`rgb(32,58,93)`
RGB Percent	12.5, 22.7, 36.5	`rgb(12.5%,22.7%,36.5%)`
CMYK	66, 38, 0, 64
HSL	214.4°, 48.8, 24.5	`hsl(214.4,48.8%,24.5%)`
HSV (or HSB)	214.4°, 65.6, 36.5
Web Safe	333366	`#333366`

CIE-LAB	24.075, 2.391, -23.873
XYZ	4.084, 4.123, 10.936
xyY	0.213, 0.215, 4.123
CIE-LCH	24.075, 23.992, 275.72
CIE-LUV	24.075, -10.138, -28.953
Hunter-Lab	20.306, 0.366, -17.717
Binary	00100000, 00111010, 01011101

#203a5d
```
#203a5d rgb(32,58,93)
```
#5d4320
```
#5d4320 rgb(93,67,32)
```

Complementary Color

#20595d
```
#20595d rgb(32,89,93)
```
#203a5d
```
#203a5d rgb(32,58,93)
```
#25205d
```
#25205d rgb(37,32,93)
```

Analogous Color

#595d20
```
#595d20 rgb(89,93,32)
```
#203a5d
```
#203a5d rgb(32,58,93)
```
#5d2520
```
#5d2520 rgb(93,37,32)
```

Split Complementary Color

#3a5d20
```
#3a5d20 rgb(58,93,32)
```
#203a5d
```
#203a5d rgb(32,58,93)
```
#5d203a
```
#5d203a rgb(93,32,58)
```

Triadic Color

#205d43
```
#205d43 rgb(32,93,67)
```
#203a5d
```
#203a5d rgb(32,58,93)
```
#5d203a
```
#5d203a rgb(93,32,58)
```
#5d4320
```
#5d4320 rgb(93,67,32)
```

Tetradic Color

#0c1724
```
#0c1724 rgb(12,23,36)
```
#132237
```
#132237 rgb(19,34,55)
```
#192e4a
```
#192e4a rgb(25,46,74)
```
#203a5d
```
#203a5d rgb(32,58,93)
```
#274670
```
#274670 rgb(39,70,112)
```
#2d5283
```
#2d5283 rgb(45,82,131)
```
#345d96
```
#345d96 rgb(52,93,150)
```

Monochromatic Color

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

#20495d
```
#20495d rgb(32,73,93)
```
#20445d
```
#20445d rgb(32,68,93)
```
#203f5d
```
#203f5d rgb(32,63,93)
```
#203a5d
```
#203a5d rgb(32,58,93)
```
#20355d
```
#20355d rgb(32,53,93)
```
#20305d
```
#20305d rgb(32,48,93)
```
#202b5d
```
#202b5d rgb(32,43,93)
```

Similar Colors

Text with hexadecimal color #203a5d

This text has a font color of #203a5d.

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

#203a5d background color

This paragraph has a background color of #203a5d.

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

#203a5d border color

This element has a border color of #203a5d.

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

CSS codes

.text {color:#203a5d;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#070c14
```
#070c14 rgb(7,12,20)
```
#0c1623
```
#0c1623 rgb(12,22,35)
```
#111f31
```
#111f31 rgb(17,31,49)
```
#162840
```
#162840 rgb(22,40,64)
```
#1b314e
```
#1b314e rgb(27,49,78)
```
#203a5d
```
#203a5d rgb(32,58,93)
```
#25436c
```
#25436c rgb(37,67,108)
```
#2a4c7a
```
#2a4c7a rgb(42,76,122)
```
#2f5589
```
#2f5589 rgb(47,85,137)
```
#345e97
```
#345e97 rgb(52,94,151)
```
#3968a6
```
#3968a6 rgb(57,104,166)
```
#3e71b5
```
#3e71b5 rgb(62,113,181)
```

Shade Color Variation

#477ac0
```
#477ac0 rgb(71,122,192)
```
#5585c5
```
#5585c5 rgb(85,133,197)
```
#648fca
```
#648fca rgb(100,143,202)
```
#729acf
```
#729acf rgb(114,154,207)
```
#81a4d4
```
#81a4d4 rgb(129,164,212)
```
#90afd9
```
#90afd9 rgb(144,175,217)
```
#9eb9de
```
#9eb9de rgb(158,185,222)
```
#adc4e3
```
#adc4e3 rgb(173,196,227)
```
#bbcee8
```
#bbcee8 rgb(187,206,232)
```
#cad9ed
```
#cad9ed rgb(202,217,237)
```
#d9e3f2
```
#d9e3f2 rgb(217,227,242)
```
#e7eef7
```
#e7eef7 rgb(231,238,247)
```
#f6f8fc
```
#f6f8fc rgb(246,248,252)
```

Tint Color Variation

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

#3d3e40
```
#3d3e40 rgb(61,62,64)
```
#383e45
```
#383e45 rgb(56,62,69)
```
#333d4a
```
#333d4a rgb(51,61,74)
```
#2e3c4f
```
#2e3c4f rgb(46,60,79)
```
#2a3b53
```
#2a3b53 rgb(42,59,83)
```
#253b58
```
#253b58 rgb(37,59,88)
```
#203a5d
```
#203a5d rgb(32,58,93)
```
#1b3962
```
#1b3962 rgb(27,57,98)
```
#163967
```
#163967 rgb(22,57,103)
```
#12386b
```
#12386b rgb(18,56,107)
```
#0d3770
```
#0d3770 rgb(13,55,112)
```
#083675
```
#083675 rgb(8,54,117)
```
#03367a
```
#03367a rgb(3,54,122)
```

Tone Color Variation

Below, you can see how #203a5d 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
#32373e Atypical Achromatopsia 0.001% of the population

Dichromacy

#364264 Protanopia 1% of men
#2f4365 Deuteranopia 1% of men
#1d494e Tritanopia 0.001% of the population

Trichromacy

#2e3f61 Protanomaly 1% of men, 0.01% of women
#294062 Deuteranomaly 6% of men, 0.4% of women
#1e4353 Tritanomaly 0.01% of the population

#203a5d hex color

#203a5d Color Information

#203a5d Color Conversion

Color Schemes with #203a5d

Alternatives to #203a5d

#203a5d Preview

Shades and Tints of #203a5d

Tones of #203a5d

Color Blindness Simulator