colorhexa.com

#203c5d hex color

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

- R 13
- G 24
- B 36
RGB color chart
- C 66
- M 35
- Y 0
- K 64
CMYK color chart

● #203c5d color description : Very dark blue.

The hexadecimal color #203c5d has RGB values of R:32, G:60, B:93 and CMYK values of C:0.66, M:0.35, Y:0, K:0.64. Its decimal value is 2112605.

Hex triplet	203c5d	`#203c5d`
RGB Decimal	32, 60, 93	`rgb(32,60,93)`
RGB Percent	12.5, 23.5, 36.5	`rgb(12.5%,23.5%,36.5%)`
CMYK	66, 35, 0, 64
HSL	212.5°, 48.8, 24.5	`hsl(212.5,48.8%,24.5%)`
HSV (or HSB)	212.5°, 65.6, 36.5
Web Safe	333366	`#333366`

CIE-LAB	24.73, 1.024, -22.84
XYZ	4.187, 4.329, 10.97
xyY	0.215, 0.222, 4.329
CIE-LCH	24.73, 22.863, 272.567
CIE-LUV	24.73, -10.834, -27.807
Hunter-Lab	20.806, -0.49, -16.698
Binary	00100000, 00111100, 01011101

#203c5d
```
#203c5d rgb(32,60,93)
```
#5d4120
```
#5d4120 rgb(93,65,32)
```

Complementary Color

#205b5d
```
#205b5d rgb(32,91,93)
```
#203c5d
```
#203c5d rgb(32,60,93)
```
#23205d
```
#23205d rgb(35,32,93)
```

Analogous Color

#5b5d20
```
#5b5d20 rgb(91,93,32)
```
#203c5d
```
#203c5d rgb(32,60,93)
```
#5d2320
```
#5d2320 rgb(93,35,32)
```

Split Complementary Color

#0c1724
```
#0c1724 rgb(12,23,36)
```
#132437
```
#132437 rgb(19,36,55)
```
#19304a
```
#19304a rgb(25,48,74)
```
#203c5d
```
#203c5d rgb(32,60,93)
```
#274870
```
#274870 rgb(39,72,112)
```
#2d5483
```
#2d5483 rgb(45,84,131)
```
#346196
```
#346196 rgb(52,97,150)
```

Monochromatic Color

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

#204b5d
```
#204b5d rgb(32,75,93)
```
#20465d
```
#20465d rgb(32,70,93)
```
#20415d
```
#20415d rgb(32,65,93)
```
#203c5d
```
#203c5d rgb(32,60,93)
```
#20375d
```
#20375d rgb(32,55,93)
```
#20325d
```
#20325d rgb(32,50,93)
```
#202d5d
```
#202d5d rgb(32,45,93)
```

Similar Colors

Text with hexadecimal color #203c5d

This text has a font color of #203c5d.

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

#203c5d background color

This paragraph has a background color of #203c5d.

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

#203c5d border color

This element has a border color of #203c5d.

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

CSS codes

.text {color:#203c5d;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#070d14
```
#070d14 rgb(7,13,20)
```
#0c1623
```
#0c1623 rgb(12,22,35)
```
#112031
```
#112031 rgb(17,32,49)
```
#162940
```
#162940 rgb(22,41,64)
```
#1b334e
```
#1b334e rgb(27,51,78)
```
#203c5d
```
#203c5d rgb(32,60,93)
```
#25456c
```
#25456c rgb(37,69,108)
```
#2a4f7a
```
#2a4f7a rgb(42,79,122)
```
#2f5889
```
#2f5889 rgb(47,88,137)
```
#346297
```
#346297 rgb(52,98,151)
```
#396ba6
```
#396ba6 rgb(57,107,166)
```
#3e74b5
```
#3e74b5 rgb(62,116,181)
```

Shade Color Variation

#477ec0
```
#477ec0 rgb(71,126,192)
```
#5588c5
```
#5588c5 rgb(85,136,197)
```
#6493ca
```
#6493ca rgb(100,147,202)
```
#729dcf
```
#729dcf rgb(114,157,207)
```
#81a7d4
```
#81a7d4 rgb(129,167,212)
```
#90b1d9
```
#90b1d9 rgb(144,177,217)
```
#9ebbde
```
#9ebbde rgb(158,187,222)
```
#adc6e3
```
#adc6e3 rgb(173,198,227)
```
#bbd0e8
```
#bbd0e8 rgb(187,208,232)
```
#cadaed
```
#cadaed rgb(202,218,237)
```
#d9e4f2
```
#d9e4f2 rgb(217,228,242)
```
#e7eef7
```
#e7eef7 rgb(231,238,247)
```
#f6f9fc
```
#f6f9fc rgb(246,249,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 #033a7a is the most saturated one.

#3d3e40
```
#3d3e40 rgb(61,62,64)
```
#383e45
```
#383e45 rgb(56,62,69)
```
#333e4a
```
#333e4a rgb(51,62,74)
```
#2e3d4f
```
#2e3d4f rgb(46,61,79)
```
#2a3d53
```
#2a3d53 rgb(42,61,83)
```
#253c58
```
#253c58 rgb(37,60,88)
```
#203c5d
```
#203c5d rgb(32,60,93)
```
#1b3c62
```
#1b3c62 rgb(27,60,98)
```
#163b67
```
#163b67 rgb(22,59,103)
```
#123b6b
```
#123b6b rgb(18,59,107)
```
#0d3a70
```
#0d3a70 rgb(13,58,112)
```
#083a75
```
#083a75 rgb(8,58,117)
```
#033a7a
```
#033a7a rgb(3,58,122)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#32383f Atypical Achromatopsia 0.001% of the population

Dichromacy

#394363 Protanopia 1% of men
#324465 Deuteranopia 1% of men
#1e4a50 Tritanopia 0.001% of the population

Trichromacy

#2f4161 Protanomaly 1% of men, 0.01% of women
#2b4162 Deuteranomaly 6% of men, 0.4% of women
#1f4554 Tritanomaly 0.01% of the population