colorhexa.com

#203a75 hex color

In a RGB color space, hex #203a75 is composed of 12.5% red, 22.7% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 50.4% magenta, 0% yellow and 54.1% black. It has a hue angle of 221.6 degrees, a saturation of 57% and a lightness of 29.2%. #203a75 color hex could be obtained by blending #4074ea with #000000. Closest websafe color is: #333366.

- R 13
- G 23
- B 46
RGB color chart
- C 73
- M 50
- Y 0
- K 54
CMYK color chart

● #203a75 color description : Dark blue.

The hexadecimal color #203a75 has RGB values of R:32, G:58, B:117 and CMYK values of C:0.73, M:0.5, Y:0, K:0.54. Its decimal value is 2112117.

Hex triplet	203a75	`#203a75`
RGB Decimal	32, 58, 117	`rgb(32,58,117)`
RGB Percent	12.5, 22.7, 45.9	`rgb(12.5%,22.7%,45.9%)`
CMYK	73, 50, 0, 54
HSL	221.6°, 57, 29.2	`hsl(221.6,57%,29.2%)`
HSV (or HSB)	221.6°, 72.6, 45.9
Web Safe	333366	`#333366`

CIE-LAB	25.615, 11.873, -36.865
XYZ	5.319, 4.617, 17.44
xyY	0.194, 0.169, 4.617
CIE-LCH	25.615, 38.729, 287.853
CIE-LUV	25.615, -10.049, -46.907
Hunter-Lab	21.488, 6.581, -33.079
Binary	00100000, 00111010, 01110101

#203a75
```
#203a75 rgb(32,58,117)
```
#755b20
```
#755b20 rgb(117,91,32)
```

Complementary Color

#206575
```
#206575 rgb(32,101,117)
```
#203a75
```
#203a75 rgb(32,58,117)
```
#312075
```
#312075 rgb(49,32,117)
```

Analogous Color

#657520
```
#657520 rgb(101,117,32)
```
#203a75
```
#203a75 rgb(32,58,117)
```
#753120
```
#753120 rgb(117,49,32)
```

Split Complementary Color

#3a7520
```
#3a7520 rgb(58,117,32)
```
#203a75
```
#203a75 rgb(32,58,117)
```
#75203a
```
#75203a rgb(117,32,58)
```

Triadic Color

#101c39
```
#101c39 rgb(16,28,57)
```
#15264d
```
#15264d rgb(21,38,77)
```
#1b3061
```
#1b3061 rgb(27,48,97)
```
#203a75
```
#203a75 rgb(32,58,117)
```
#254489
```
#254489 rgb(37,68,137)
```
#2b4e9d
```
#2b4e9d rgb(43,78,157)
```
#3058b1
```
#3058b1 rgb(48,88,177)
```

Monochromatic Color

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

#204f75
```
#204f75 rgb(32,79,117)
```
#204875
```
#204875 rgb(32,72,117)
```
#204175
```
#204175 rgb(32,65,117)
```
#203a75
```
#203a75 rgb(32,58,117)
```
#203375
```
#203375 rgb(32,51,117)
```
#202c75
```
#202c75 rgb(32,44,117)
```
#202575
```
#202575 rgb(32,37,117)
```

Similar Colors

Text with hexadecimal color #203a75

This text has a font color of #203a75.

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

#203a75 background color

This paragraph has a background color of #203a75.

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

#203a75 border color

This element has a border color of #203a75.

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

CSS codes

.text {color:#203a75;}

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

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

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

#030509
```
#030509 rgb(3,5,9)
```
#070c19
```
#070c19 rgb(7,12,25)
```
#0b1428
```
#0b1428 rgb(11,20,40)
```
#0f1b37
```
#0f1b37 rgb(15,27,55)
```
#132347
```
#132347 rgb(19,35,71)
```
#182b56
```
#182b56 rgb(24,43,86)
```
#1c3266
```
#1c3266 rgb(28,50,102)
```
#203a75
```
#203a75 rgb(32,58,117)
```
#244284
```
#244284 rgb(36,66,132)
```
#284994
```
#284994 rgb(40,73,148)
```
#2d51a3
```
#2d51a3 rgb(45,81,163)
```
#3159b3
```
#3159b3 rgb(49,89,179)
```
#3560c2
```
#3560c2 rgb(53,96,194)
```

Shade Color Variation

#406acb
```
#406acb rgb(64,106,203)
```
#4f76cf
```
#4f76cf rgb(79,118,207)
```
#5f82d3
```
#5f82d3 rgb(95,130,211)
```
#6e8ed7
```
#6e8ed7 rgb(110,142,215)
```
#7e9adc
```
#7e9adc rgb(126,154,220)
```
#8da6e0
```
#8da6e0 rgb(141,166,224)
```
#9cb2e4
```
#9cb2e4 rgb(156,178,228)
```
#acbee8
```
#acbee8 rgb(172,190,232)
```
#bbcaec
```
#bbcaec rgb(187,202,236)
```
#cbd6f1
```
#cbd6f1 rgb(203,214,241)
```
#dae2f5
```
#dae2f5 rgb(218,226,245)
```
#e9eef9
```
#e9eef9 rgb(233,238,249)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #484a4d is the less saturated color, while #032f92 is the most saturated one.

#484a4d
```
#484a4d rgb(72,74,77)
```
#424753
```
#424753 rgb(66,71,83)
```
#3d4558
```
#3d4558 rgb(61,69,88)
```
#37435e
```
#37435e rgb(55,67,94)
```
#314164
```
#314164 rgb(49,65,100)
```
#2b3e6a
```
#2b3e6a rgb(43,62,106)
```
#263c6f
```
#263c6f rgb(38,60,111)
```
#203a75
```
#203a75 rgb(32,58,117)
```
#1a387b
```
#1a387b rgb(26,56,123)
```
#153680
```
#153680 rgb(21,54,128)
```
#0f3386
```
#0f3386 rgb(15,51,134)
```
#09318c
```
#09318c rgb(9,49,140)
```
#032f92
```
#032f92 rgb(3,47,146)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#343945 Atypical Achromatopsia 0.001% of the population

Dichromacy

#25447c Protanopia 1% of men
#004877 Deuteranopia 1% of men
#004d53 Tritanopia 0.001% of the population

Trichromacy

#234079 Protanomaly 1% of men, 0.01% of women
#0b4276 Deuteranomaly 6% of men, 0.4% of women
#0b465f Tritanomaly 0.01% of the population