#203a84 hex color

In a RGB color space, hex #203a84 is composed of 12.5% red, 22.7% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 75.8% cyan, 56.1% magenta, 0% yellow and 48.2% black. It has a hue angle of 224.4 degrees, a saturation of 61% and a lightness of 32.2%. #203a84 color hex could be obtained by blending #4074ff with #000009. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 13
- G 23
- B 52
RGB color chart
- C 76
- M 56
- Y 0
- K 48
CMYK color chart

● #203a84 color description : Dark blue.

The hexadecimal color #203a84 has RGB values of R:32, G:58, B:132 and CMYK values of C:0.76, M:0.56, Y:0, K:0.48. Its decimal value is 2112132.

Hex triplet	203a84	`#203a84`
RGB Decimal	32, 58, 132	`rgb(32,58,132)`
RGB Percent	12.5, 22.7, 51.8	`rgb(12.5%,22.7%,51.8%)`
CMYK	76, 56, 0, 48
HSL	224.4°, 61, 32.2	`hsl(224.4,61%,32.2%)`
HSV (or HSB)	224.4°, 75.8, 51.8
Web Safe	333399	`#333399`

CIE-LAB	26.731, 17.872, -44.502
XYZ	6.273, 4.999, 22.463
xyY	0.186, 0.148, 4.999
CIE-LCH	26.731, 47.957, 291.88
CIE-LUV	26.731, -10.091, -57.572
Hunter-Lab	22.358, 10.954, -43.918
Binary	00100000, 00111010, 10000100

#203a84
```
#203a84 rgb(32,58,132)
```
#846a20
```
#846a20 rgb(132,106,32)
```

Complementary Color

#206c84
```
#206c84 rgb(32,108,132)
```
#203a84
```
#203a84 rgb(32,58,132)
```
#382084
```
#382084 rgb(56,32,132)
```

Analogous Color

#6c8420
```
#6c8420 rgb(108,132,32)
```
#203a84
```
#203a84 rgb(32,58,132)
```
#843820
```
#843820 rgb(132,56,32)
```

Split Complementary Color

#3a8420
```
#3a8420 rgb(58,132,32)
```
#203a84
```
#203a84 rgb(32,58,132)
```
#84203a
```
#84203a rgb(132,32,58)
```

Triadic Color

#20846a
```
#20846a rgb(32,132,106)
```
#203a84
```
#203a84 rgb(32,58,132)
```
#84203a
```
#84203a rgb(132,32,58)
```
#846a20
```
#846a20 rgb(132,106,32)
```

Tetradic Color

#111f46
```
#111f46 rgb(17,31,70)
```
#16285b
```
#16285b rgb(22,40,91)
```
#1b316f
```
#1b316f rgb(27,49,111)
```
#203a84
```
#203a84 rgb(32,58,132)
```
#254399
```
#254399 rgb(37,67,153)
```
#2a4cad
```
#2a4cad rgb(42,76,173)
```
#2f55c2
```
#2f55c2 rgb(47,85,194)
```

Monochromatic Color

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

#205384
```
#205384 rgb(32,83,132)
```
#204b84
```
#204b84 rgb(32,75,132)
```
#204284
```
#204284 rgb(32,66,132)
```
#203a84
```
#203a84 rgb(32,58,132)
```
#203284
```
#203284 rgb(32,50,132)
```
#202984
```
#202984 rgb(32,41,132)
```
#202184
```
#202184 rgb(32,33,132)
```

Similar Colors

Text with hexadecimal color #203a84

This text has a font color of #203a84.

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

#203a84 background color

This paragraph has a background color of #203a84.

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

#203a84 border color

This element has a border color of #203a84.

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

CSS codes

.text {color:#203a84;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#050915
```
#050915 rgb(5,9,21)
```
#091025
```
#091025 rgb(9,16,37)
```
#0d1735
```
#0d1735 rgb(13,23,53)
```
#111e45
```
#111e45 rgb(17,30,69)
```
#152555
```
#152555 rgb(21,37,85)
```
#182c64
```
#182c64 rgb(24,44,100)
```
#1c3374
```
#1c3374 rgb(28,51,116)
```
#203a84
```
#203a84 rgb(32,58,132)
```
#244194
```
#244194 rgb(36,65,148)
```
#2848a4
```
#2848a4 rgb(40,72,164)
```
#2b4fb3
```
#2b4fb3 rgb(43,79,179)
```
#2f56c3
```
#2f56c3 rgb(47,86,195)
```

Shade Color Variation

#375fcf
```
#375fcf rgb(55,95,207)
```
#476bd2
```
#476bd2 rgb(71,107,210)
```
#5778d6
```
#5778d6 rgb(87,120,214)
```
#6785da
```
#6785da rgb(103,133,218)
```
#7791de
```
#7791de rgb(119,145,222)
```
#869ee2
```
#869ee2 rgb(134,158,226)
```
#96abe6
```
#96abe6 rgb(150,171,230)
```
#a6b8e9
```
#a6b8e9 rgb(166,184,233)
```
#b6c4ed
```
#b6c4ed rgb(182,196,237)
```
#c6d1f1
```
#c6d1f1 rgb(198,209,241)
```
#d5def5
```
#d5def5 rgb(213,222,245)
```
#e5eaf9
```
#e5eaf9 rgb(229,234,249)
```
#f5f7fd
```
#f5f7fd rgb(245,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4c4f58 is the less saturated color, while #002ba4 is the most saturated one.

#4c4f58
```
#4c4f58 rgb(76,79,88)
```
#464c5e
```
#464c5e rgb(70,76,94)
```
#404964
```
#404964 rgb(64,73,100)
```
#39466b
```
#39466b rgb(57,70,107)
```
#334371
```
#334371 rgb(51,67,113)
```
#2d4077
```
#2d4077 rgb(45,64,119)
```
#263d7e
```
#263d7e rgb(38,61,126)
```
#203a84
```
#203a84 rgb(32,58,132)
```
#1a378a
```
#1a378a rgb(26,55,138)
```
#133491
```
#133491 rgb(19,52,145)
```
#0d3197
```
#0d3197 rgb(13,49,151)
```
#072e9d
```
#072e9d rgb(7,46,157)
```
#002ba4
```
#002ba4 rgb(0,43,164)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#363b4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00468b Protanopia 1% of men
#004a7a Deuteranopia 1% of men
#005055 Tritanopia 0.001% of the population

Trichromacy

#0b4288 Protanomaly 1% of men, 0.01% of women
#0b447d Deuteranomaly 6% of men, 0.4% of women
#0b4866 Tritanomaly 0.01% of the population

#203a84 hex color

#203a84 Color Information

#203a84 Color Conversion

Color Schemes with #203a84

Alternatives to #203a84

#203a84 Preview

Shades and Tints of #203a84

Tones of #203a84

Color Blindness Simulator