#203a93 hex color

In a RGB color space, hex #203a93 is composed of 12.5% red, 22.7% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 60.5% magenta, 0% yellow and 42.4% black. It has a hue angle of 226.4 degrees, a saturation of 64.2% and a lightness of 35.1%. #203a93 color hex could be obtained by blending #4074ff with #000027. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 13
- G 23
- B 58
RGB color chart
- C 78
- M 61
- Y 0
- K 42
CMYK color chart

● #203a93 color description : Dark blue.

The hexadecimal color #203a93 has RGB values of R:32, G:58, B:147 and CMYK values of C:0.78, M:0.61, Y:0, K:0.42. Its decimal value is 2112147.

Hex triplet	203a93	`#203a93`
RGB Decimal	32, 58, 147	`rgb(32,58,147)`
RGB Percent	12.5, 22.7, 57.6	`rgb(12.5%,22.7%,57.6%)`
CMYK	78, 61, 0, 42
HSL	226.4°, 64.2, 35.1	`hsl(226.4,64.2%,35.1%)`
HSV (or HSB)	226.4°, 78.2, 57.6
Web Safe	333399	`#333399`

CIE-LAB	27.951, 23.807, -51.803
XYZ	7.374, 5.439, 28.263
xyY	0.18, 0.132, 5.439
CIE-LCH	27.951, 57.011, 294.682
CIE-LUV	27.951, -10.203, -67.803
Hunter-Lab	23.322, 15.625, -55.526
Binary	00100000, 00111010, 10010011

#203a93
```
#203a93 rgb(32,58,147)
```
#937920
```
#937920 rgb(147,121,32)
```

Complementary Color

#207493
```
#207493 rgb(32,116,147)
```
#203a93
```
#203a93 rgb(32,58,147)
```
#3f2093
```
#3f2093 rgb(63,32,147)
```

Analogous Color

#749320
```
#749320 rgb(116,147,32)
```
#203a93
```
#203a93 rgb(32,58,147)
```
#933f20
```
#933f20 rgb(147,63,32)
```

Split Complementary Color

#3a9320
```
#3a9320 rgb(58,147,32)
```
#203a93
```
#203a93 rgb(32,58,147)
```
#93203a
```
#93203a rgb(147,32,58)
```

Triadic Color

#209379
```
#209379 rgb(32,147,121)
```
#203a93
```
#203a93 rgb(32,58,147)
```
#93203a
```
#93203a rgb(147,32,58)
```
#937920
```
#937920 rgb(147,121,32)
```

Tetradic Color

#122154
```
#122154 rgb(18,33,84)
```
#172969
```
#172969 rgb(23,41,105)
```
#1b327e
```
#1b327e rgb(27,50,126)
```
#203a93
```
#203a93 rgb(32,58,147)
```
#2542a8
```
#2542a8 rgb(37,66,168)
```
#294bbd
```
#294bbd rgb(41,75,189)
```
#2e53d2
```
#2e53d2 rgb(46,83,210)
```

Monochromatic Color

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

#205793
```
#205793 rgb(32,87,147)
```
#204d93
```
#204d93 rgb(32,77,147)
```
#204493
```
#204493 rgb(32,68,147)
```
#203a93
```
#203a93 rgb(32,58,147)
```
#203093
```
#203093 rgb(32,48,147)
```
#202793
```
#202793 rgb(32,39,147)
```
#232093
```
#232093 rgb(35,32,147)
```

Similar Colors

Text with hexadecimal color #203a93

This text has a font color of #203a93.

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

#203a93 background color

This paragraph has a background color of #203a93.

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

#203a93 border color

This element has a border color of #203a93.

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

CSS codes

.text {color:#203a93;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040712
```
#040712 rgb(4,7,18)
```
#070e22
```
#070e22 rgb(7,14,34)
```
#0b1432
```
#0b1432 rgb(11,20,50)
```
#0e1a42
```
#0e1a42 rgb(14,26,66)
```
#122153
```
#122153 rgb(18,33,83)
```
#152763
```
#152763 rgb(21,39,99)
```
#192d73
```
#192d73 rgb(25,45,115)
```
#1c3483
```
#1c3483 rgb(28,52,131)
```
#203a93
```
#203a93 rgb(32,58,147)
```
#2440a3
```
#2440a3 rgb(36,64,163)
```
#2747b3
```
#2747b3 rgb(39,71,179)
```
#2b4dc3
```
#2b4dc3 rgb(43,77,195)
```

Shade Color Variation

#3054d2
```
#3054d2 rgb(48,84,210)
```
#4062d5
```
#4062d5 rgb(64,98,213)
```
#506fd9
```
#506fd9 rgb(80,111,217)
```
#607cdc
```
#607cdc rgb(96,124,220)
```
#7089e0
```
#7089e0 rgb(112,137,224)
```
#8097e3
```
#8097e3 rgb(128,151,227)
```
#90a4e7
```
#90a4e7 rgb(144,164,231)
```
#a0b1ea
```
#a0b1ea rgb(160,177,234)
```
#b0beee
```
#b0beee rgb(176,190,238)
```
#c1ccf1
```
#c1ccf1 rgb(193,204,241)
```
#d1d9f5
```
#d1d9f5 rgb(209,217,245)
```
#e1e6f8
```
#e1e6f8 rgb(225,230,248)
```
#f1f3fc
```
#f1f3fc rgb(241,243,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57585c is the less saturated color, while #042baf is the most saturated one.

#57585c
```
#57585c rgb(87,88,92)
```
#505463
```
#505463 rgb(80,84,99)
```
#49516a
```
#49516a rgb(73,81,106)
```
#424d71
```
#424d71 rgb(66,77,113)
```
#3c4977
```
#3c4977 rgb(60,73,119)
```
#35457e
```
#35457e rgb(53,69,126)
```
#2e4285
```
#2e4285 rgb(46,66,133)
```
#273e8c
```
#273e8c rgb(39,62,140)
```
#203a93
```
#203a93 rgb(32,58,147)
```
#19369a
```
#19369a rgb(25,54,154)
```
#1232a1
```
#1232a1 rgb(18,50,161)
```
#0b2fa8
```
#0b2fa8 rgb(11,47,168)
```
#042baf
```
#042baf rgb(4,43,175)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#363c4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498f Protanopia 1% of men
#004d7d Deuteranopia 1% of men
#005358 Tritanopia 0.001% of the population

Trichromacy

#0b4390 Protanomaly 1% of men, 0.01% of women
#0b4685 Deuteranomaly 6% of men, 0.4% of women
#0b4a6d Tritanomaly 0.01% of the population

#203a93 hex color

#203a93 Color Information

#203a93 Color Conversion

Color Schemes with #203a93

Alternatives to #203a93

#203a93 Preview

Shades and Tints of #203a93

Tones of #203a93

Color Blindness Simulator