#203f72 hex color

In a RGB color space, hex #203f72 is composed of 12.5% red, 24.7% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 71.9% cyan, 44.7% magenta, 0% yellow and 55.3% black. It has a hue angle of 217.3 degrees, a saturation of 56.2% and a lightness of 28.6%. #203f72 color hex could be obtained by blending #407ee4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 25
- B 45
RGB color chart
- C 72
- M 45
- Y 0
- K 55
CMYK color chart

● #203f72 color description : Very dark blue.

The hexadecimal color #203f72 has RGB values of R:32, G:63, B:114 and CMYK values of C:0.72, M:0.45, Y:0, K:0.55. Its decimal value is 2113394.

Hex triplet	203f72	`#203f72`
RGB Decimal	32, 63, 114	`rgb(32,63,114)`
RGB Percent	12.5, 24.7, 44.7	`rgb(12.5%,24.7%,44.7%)`
CMYK	72, 45, 0, 55
HSL	217.3°, 56.2, 28.6	`hsl(217.3,56.2%,28.6%)`
HSV (or HSB)	217.3°, 71.9, 44.7
Web Safe	333366	`#333366`

CIE-LAB	26.952, 7.193, -32.817
XYZ	5.41, 5.077, 16.613
xyY	0.2, 0.187, 5.077
CIE-LCH	26.952, 33.596, 282.364
CIE-LUV	26.952, -11.618, -42.263
Hunter-Lab	22.531, 3.428, -27.945
Binary	00100000, 00111111, 01110010

#203f72
```
#203f72 rgb(32,63,114)
```
#725320
```
#725320 rgb(114,83,32)
```

Complementary Color

#206872
```
#206872 rgb(32,104,114)
```
#203f72
```
#203f72 rgb(32,63,114)
```
#2a2072
```
#2a2072 rgb(42,32,114)
```

Analogous Color

#687220
```
#687220 rgb(104,114,32)
```
#203f72
```
#203f72 rgb(32,63,114)
```
#722a20
```
#722a20 rgb(114,42,32)
```

Split Complementary Color

#3f7220
```
#3f7220 rgb(63,114,32)
```
#203f72
```
#203f72 rgb(32,63,114)
```
#72203f
```
#72203f rgb(114,32,63)
```

Triadic Color

#207253
```
#207253 rgb(32,114,83)
```
#203f72
```
#203f72 rgb(32,63,114)
```
#72203f
```
#72203f rgb(114,32,63)
```
#725320
```
#725320 rgb(114,83,32)
```

Tetradic Color

#0f1e36
```
#0f1e36 rgb(15,30,54)
```
#15294a
```
#15294a rgb(21,41,74)
```
#1a345e
```
#1a345e rgb(26,52,94)
```
#203f72
```
#203f72 rgb(32,63,114)
```
#264a86
```
#264a86 rgb(38,74,134)
```
#2b559a
```
#2b559a rgb(43,85,154)
```
#3160ae
```
#3160ae rgb(49,96,174)
```

Monochromatic Color

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

#205472
```
#205472 rgb(32,84,114)
```
#204d72
```
#204d72 rgb(32,77,114)
```
#204672
```
#204672 rgb(32,70,114)
```
#203f72
```
#203f72 rgb(32,63,114)
```
#203872
```
#203872 rgb(32,56,114)
```
#203172
```
#203172 rgb(32,49,114)
```
#202b72
```
#202b72 rgb(32,43,114)
```

Similar Colors

Text with hexadecimal color #203f72

This text has a font color of #203f72.

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

#203f72 background color

This paragraph has a background color of #203f72.

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

#203f72 border color

This element has a border color of #203f72.

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

CSS codes

.text {color:#203f72;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#060c16
```
#060c16 rgb(6,12,22)
```
#0b1525
```
#0b1525 rgb(11,21,37)
```
#0f1d35
```
#0f1d35 rgb(15,29,53)
```
#132644
```
#132644 rgb(19,38,68)
```
#172e53
```
#172e53 rgb(23,46,83)
```
#1c3763
```
#1c3763 rgb(28,55,99)
```
#203f72
```
#203f72 rgb(32,63,114)
```
#244781
```
#244781 rgb(36,71,129)
```
#295091
```
#295091 rgb(41,80,145)
```
#2d58a0
```
#2d58a0 rgb(45,88,160)
```
#3161af
```
#3161af rgb(49,97,175)
```
#3569bf
```
#3569bf rgb(53,105,191)
```

Shade Color Variation

#3f73c9
```
#3f73c9 rgb(63,115,201)
```
#4e7ecd
```
#4e7ecd rgb(78,126,205)
```
#5d89d2
```
#5d89d2 rgb(93,137,210)
```
#6d94d6
```
#6d94d6 rgb(109,148,214)
```
#7ca0da
```
#7ca0da rgb(124,160,218)
```
#8babdf
```
#8babdf rgb(139,171,223)
```
#9bb6e3
```
#9bb6e3 rgb(155,182,227)
```
#aac1e7
```
#aac1e7 rgb(170,193,231)
```
#b9cceb
```
#b9cceb rgb(185,204,235)
```
#c9d7f0
```
#c9d7f0 rgb(201,215,240)
```
#d8e2f4
```
#d8e2f4 rgb(216,226,244)
```
#e7eef8
```
#e7eef8 rgb(231,238,248)
```
#f6f9fd
```
#f6f9fd rgb(246,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #47494b is the less saturated color, while #04388e is the most saturated one.

#47494b
```
#47494b rgb(71,73,75)
```
#424750
```
#424750 rgb(66,71,80)
```
#3c4656
```
#3c4656 rgb(60,70,86)
```
#36445c
```
#36445c rgb(54,68,92)
```
#314361
```
#314361 rgb(49,67,97)
```
#2b4267
```
#2b4267 rgb(43,66,103)
```
#26406c
```
#26406c rgb(38,64,108)
```
#203f72
```
#203f72 rgb(32,63,114)
```
#1a3e78
```
#1a3e78 rgb(26,62,120)
```
#153c7d
```
#153c7d rgb(21,60,125)
```
#0f3b83
```
#0f3b83 rgb(15,59,131)
```
#0a3a88
```
#0a3a88 rgb(10,58,136)
```
#04388e
```
#04388e rgb(4,56,142)
```

Tone Color Variation

Below, you can see how #203f72 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
#363d47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#324878 Protanopia 1% of men
#204a78 Deuteranopia 1% of men
#005056 Tritanopia 0.001% of the population

Trichromacy

#2b4476 Protanomaly 1% of men, 0.01% of women
#204676 Deuteranomaly 6% of men, 0.4% of women
#0b4a60 Tritanomaly 0.01% of the population

#203f72 hex color

#203f72 Color Information

#203f72 Color Conversion

Color Schemes with #203f72

Alternatives to #203f72

#203f72 Preview

Shades and Tints of #203f72

Tones of #203f72

Color Blindness Simulator