#204270 hex color

In a RGB color space, hex #204270 is composed of 12.5% red, 25.9% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 41.1% magenta, 0% yellow and 56.1% black. It has a hue angle of 214.5 degrees, a saturation of 55.6% and a lightness of 28.2%. #204270 color hex could be obtained by blending #4084e0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 26
- B 44
RGB color chart
- C 71
- M 41
- Y 0
- K 56
CMYK color chart

● #204270 color description : Very dark blue.

The hexadecimal color #204270 has RGB values of R:32, G:66, B:112 and CMYK values of C:0.71, M:0.41, Y:0, K:0.56. Its decimal value is 2114160.

Hex triplet	204270	`#204270`
RGB Decimal	32, 66, 112	`rgb(32,66,112)`
RGB Percent	12.5, 25.9, 43.9	`rgb(12.5%,25.9%,43.9%)`
CMYK	71, 41, 0, 56
HSL	214.5°, 55.6, 28.2	`hsl(214.5,55.6%,28.2%)`
HSV (or HSB)	214.5°, 71.4, 43.9
Web Safe	333366	`#333366`

CIE-LAB	27.772, 4.345, -30.241
XYZ	5.468, 5.373, 16.077
xyY	0.203, 0.2, 5.373
CIE-LCH	27.772, 30.551, 278.176
CIE-LUV	27.772, -12.628, -39.084
Hunter-Lab	23.18, 1.542, -24.897
Binary	00100000, 01000010, 01110000

#204270
```
#204270 rgb(32,66,112)
```
#704e20
```
#704e20 rgb(112,78,32)
```

Complementary Color

#206a70
```
#206a70 rgb(32,106,112)
```
#204270
```
#204270 rgb(32,66,112)
```
#262070
```
#262070 rgb(38,32,112)
```

Analogous Color

#6a7020
```
#6a7020 rgb(106,112,32)
```
#204270
```
#204270 rgb(32,66,112)
```
#702620
```
#702620 rgb(112,38,32)
```

Split Complementary Color

#427020
```
#427020 rgb(66,112,32)
```
#204270
```
#204270 rgb(32,66,112)
```
#702042
```
#702042 rgb(112,32,66)
```

Triadic Color

#20704e
```
#20704e rgb(32,112,78)
```
#204270
```
#204270 rgb(32,66,112)
```
#702042
```
#702042 rgb(112,32,66)
```
#704e20
```
#704e20 rgb(112,78,32)
```

Tetradic Color

#0f1f35
```
#0f1f35 rgb(15,31,53)
```
#152b48
```
#152b48 rgb(21,43,72)
```
#1a365c
```
#1a365c rgb(26,54,92)
```
#204270
```
#204270 rgb(32,66,112)
```
#264e84
```
#264e84 rgb(38,78,132)
```
#2b5998
```
#2b5998 rgb(43,89,152)
```
#3165ac
```
#3165ac rgb(49,101,172)
```

Monochromatic Color

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

#205670
```
#205670 rgb(32,86,112)
```
#204f70
```
#204f70 rgb(32,79,112)
```
#204970
```
#204970 rgb(32,73,112)
```
#204270
```
#204270 rgb(32,66,112)
```
#203b70
```
#203b70 rgb(32,59,112)
```
#203570
```
#203570 rgb(32,53,112)
```
#202e70
```
#202e70 rgb(32,46,112)
```

Similar Colors

Text with hexadecimal color #204270

This text has a font color of #204270.

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

#204270 background color

This paragraph has a background color of #204270.

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

#204270 border color

This element has a border color of #204270.

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

CSS codes

.text {color:#204270;}

.background {background-color:#204270;}

.border {border:1px solid #204270;}

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

#010305
```
#010305 rgb(1,3,5)
```
#060c14
```
#060c14 rgb(6,12,20)
```
#0a1524
```
#0a1524 rgb(10,21,36)
```
#0f1e33
```
#0f1e33 rgb(15,30,51)
```
#132742
```
#132742 rgb(19,39,66)
```
#173051
```
#173051 rgb(23,48,81)
```
#1c3961
```
#1c3961 rgb(28,57,97)
```
#204270
```
#204270 rgb(32,66,112)
```
#244b7f
```
#244b7f rgb(36,75,127)
```
#29548f
```
#29548f rgb(41,84,143)
```
#2d5d9e
```
#2d5d9e rgb(45,93,158)
```
#3166ad
```
#3166ad rgb(49,102,173)
```
#366fbc
```
#366fbc rgb(54,111,188)
```

Shade Color Variation

#3e79c8
```
#3e79c8 rgb(62,121,200)
```
#4d83cc
```
#4d83cc rgb(77,131,204)
```
#5c8ed1
```
#5c8ed1 rgb(92,142,209)
```
#6c98d5
```
#6c98d5 rgb(108,152,213)
```
#7ba3d9
```
#7ba3d9 rgb(123,163,217)
```
#8aaede
```
#8aaede rgb(138,174,222)
```
#99b8e2
```
#99b8e2 rgb(153,184,226)
```
#a9c3e6
```
#a9c3e6 rgb(169,195,230)
```
#b8ceeb
```
#b8ceeb rgb(184,206,235)
```
#c7d8ef
```
#c7d8ef rgb(199,216,239)
```
#d6e3f3
```
#d6e3f3 rgb(214,227,243)
```
#e6edf8
```
#e6edf8 rgb(230,237,248)
```
#f5f8fc
```
#f5f8fc rgb(245,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #474849 is the less saturated color, while #043e8c is the most saturated one.

#474849
```
#474849 rgb(71,72,73)
```
#41474f
```
#41474f rgb(65,71,79)
```
#3c4654
```
#3c4654 rgb(60,70,84)
```
#36455a
```
#36455a rgb(54,69,90)
```
#31445f
```
#31445f rgb(49,68,95)
```
#2b4465
```
#2b4465 rgb(43,68,101)
```
#26436a
```
#26436a rgb(38,67,106)
```
#204270
```
#204270 rgb(32,66,112)
```
#1a4176
```
#1a4176 rgb(26,65,118)
```
#15407b
```
#15407b rgb(21,64,123)
```
#0f4081
```
#0f4081 rgb(15,64,129)
```
#0a3f86
```
#0a3f86 rgb(10,63,134)
```
#043e8c
```
#043e8c rgb(4,62,140)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#373e47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#384a75 Protanopia 1% of men
#2b4b77 Deuteranopia 1% of men
#005258 Tritanopia 0.001% of the population

Trichromacy

#2f4773 Protanomaly 1% of men, 0.01% of women
#274874 Deuteranomaly 6% of men, 0.4% of women
#0b4c61 Tritanomaly 0.01% of the population

#204270 hex color

#204270 Color Information

#204270 Color Conversion

Color Schemes with #204270

Alternatives to #204270

#204270 Preview

Shades and Tints of #204270

Tones of #204270

Color Blindness Simulator