#203f5f hex color

In a RGB color space, hex #203f5f is composed of 12.5% red, 24.7% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 33.7% magenta, 0% yellow and 62.7% black. It has a hue angle of 210.5 degrees, a saturation of 49.6% and a lightness of 24.9%. #203f5f color hex could be obtained by blending #407ebe with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 25
- B 37
RGB color chart
- C 66
- M 34
- Y 0
- K 63
CMYK color chart

● #203f5f color description : Very dark blue.

The hexadecimal color #203f5f has RGB values of R:32, G:63, B:95 and CMYK values of C:0.66, M:0.34, Y:0, K:0.63. Its decimal value is 2113375.

Hex triplet	203f5f	`#203f5f`
RGB Decimal	32, 63, 95	`rgb(32,63,95)`
RGB Percent	12.5, 24.7, 37.3	`rgb(12.5%,24.7%,37.3%)`
CMYK	66, 34, 0, 63
HSL	210.5°, 49.6, 24.9	`hsl(210.5,49.6%,24.9%)`
HSV (or HSB)	210.5°, 66.3, 37.3
Web Safe	333366	`#333366`

CIE-LAB	25.827, -0.237, -22.415
XYZ	4.438, 4.688, 11.497
xyY	0.215, 0.227, 4.688
CIE-LCH	25.827, 22.416, 269.393
CIE-LUV	25.827, -11.865, -27.577
Hunter-Lab	21.652, -1.301, -16.326
Binary	00100000, 00111111, 01011111

#203f5f
```
#203f5f rgb(32,63,95)
```
#5f4020
```
#5f4020 rgb(95,64,32)
```

Complementary Color

#205f5f
```
#205f5f rgb(32,95,95)
```
#203f5f
```
#203f5f rgb(32,63,95)
```
#21205f
```
#21205f rgb(33,32,95)
```

Analogous Color

#5f5f20
```
#5f5f20 rgb(95,95,32)
```
#203f5f
```
#203f5f rgb(32,63,95)
```
#5f2120
```
#5f2120 rgb(95,33,32)
```

Split Complementary Color

#3f5f20
```
#3f5f20 rgb(63,95,32)
```
#203f5f
```
#203f5f rgb(32,63,95)
```
#5f203f
```
#5f203f rgb(95,32,63)
```

Triadic Color

#205f40
```
#205f40 rgb(32,95,64)
```
#203f5f
```
#203f5f rgb(32,63,95)
```
#5f203f
```
#5f203f rgb(95,32,63)
```
#5f4020
```
#5f4020 rgb(95,64,32)
```

Tetradic Color

#0d1926
```
#0d1926 rgb(13,25,38)
```
#132639
```
#132639 rgb(19,38,57)
```
#1a324c
```
#1a324c rgb(26,50,76)
```
#203f5f
```
#203f5f rgb(32,63,95)
```
#264c72
```
#264c72 rgb(38,76,114)
```
#2d5885
```
#2d5885 rgb(45,88,133)
```
#336598
```
#336598 rgb(51,101,152)
```

Monochromatic Color

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

#204f5f
```
#204f5f rgb(32,79,95)
```
#204a5f
```
#204a5f rgb(32,74,95)
```
#20445f
```
#20445f rgb(32,68,95)
```
#203f5f
```
#203f5f rgb(32,63,95)
```
#203a5f
```
#203a5f rgb(32,58,95)
```
#20355f
```
#20355f rgb(32,53,95)
```
#202f5f
```
#202f5f rgb(32,47,95)
```

Similar Colors

Text with hexadecimal color #203f5f

This text has a font color of #203f5f.

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

#203f5f background color

This paragraph has a background color of #203f5f.

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

#203f5f border color

This element has a border color of #203f5f.

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

CSS codes

.text {color:#203f5f;}

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

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

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

#020507
```
#020507 rgb(2,5,7)
```
#070e16
```
#070e16 rgb(7,14,22)
```
#0c1824
```
#0c1824 rgb(12,24,36)
```
#112233
```
#112233 rgb(17,34,51)
```
#162c42
```
#162c42 rgb(22,44,66)
```
#1b3550
```
#1b3550 rgb(27,53,80)
```
#203f5f
```
#203f5f rgb(32,63,95)
```
#25496e
```
#25496e rgb(37,73,110)
```
#2a527c
```
#2a527c rgb(42,82,124)
```
#2f5c8b
```
#2f5c8b rgb(47,92,139)
```
#34669a
```
#34669a rgb(52,102,154)
```
#3970a8
```
#3970a8 rgb(57,112,168)
```
#3e79b7
```
#3e79b7 rgb(62,121,183)
```

Shade Color Variation

#4783c1
```
#4783c1 rgb(71,131,193)
```
#568dc6
```
#568dc6 rgb(86,141,198)
```
#6597cb
```
#6597cb rgb(101,151,203)
```
#73a1d0
```
#73a1d0 rgb(115,161,208)
```
#82abd5
```
#82abd5 rgb(130,171,213)
```
#91b5da
```
#91b5da rgb(145,181,218)
```
#9fbedf
```
#9fbedf rgb(159,190,223)
```
#aec8e4
```
#aec8e4 rgb(174,200,228)
```
#bdd2e9
```
#bdd2e9 rgb(189,210,233)
```
#cbdcee
```
#cbdcee rgb(203,220,238)
```
#dae6f3
```
#dae6f3 rgb(218,230,243)
```
#e9f0f7
```
#e9f0f7 rgb(233,240,247)
```
#f7fafc
```
#f7fafc rgb(247,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3d3f42 is the less saturated color, while #033f7c is the most saturated one.

#3d3f42
```
#3d3f42 rgb(61,63,66)
```
#383f47
```
#383f47 rgb(56,63,71)
```
#343f4b
```
#343f4b rgb(52,63,75)
```
#2f3f50
```
#2f3f50 rgb(47,63,80)
```
#2a3f55
```
#2a3f55 rgb(42,63,85)
```
#253f5a
```
#253f5a rgb(37,63,90)
```
#203f5f
```
#203f5f rgb(32,63,95)
```
#1b3f64
```
#1b3f64 rgb(27,63,100)
```
#163f69
```
#163f69 rgb(22,63,105)
```
#113f6e
```
#113f6e rgb(17,63,110)
```
#0c3f73
```
#0c3f73 rgb(12,63,115)
```
#083f77
```
#083f77 rgb(8,63,119)
```
#033f7c
```
#033f7c rgb(3,63,124)
```

Tone Color Variation

Below, you can see how #203f5f 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
#343a41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c4665 Protanopia 1% of men
#364768 Deuteranopia 1% of men
#1e4d52 Tritanopia 0.001% of the population

Trichromacy

#314362 Protanomaly 1% of men, 0.01% of women
#2e4464 Deuteranomaly 6% of men, 0.4% of women
#1f4857 Tritanomaly 0.01% of the population

#203f5f hex color

#203f5f Color Information

#203f5f Color Conversion

Color Schemes with #203f5f

Alternatives to #203f5f

#203f5f Preview

Shades and Tints of #203f5f

Tones of #203f5f

Color Blindness Simulator