#204f80 hex color

In a RGB color space, hex #204f80 is composed of 12.5% red, 31% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 38.3% magenta, 0% yellow and 49.8% black. It has a hue angle of 210.6 degrees, a saturation of 60% and a lightness of 31.4%. #204f80 color hex could be obtained by blending #409eff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 31
- B 50
RGB color chart
- C 75
- M 38
- Y 0
- K 50
CMYK color chart

● #204f80 color description : Dark blue.

The hexadecimal color #204f80 has RGB values of R:32, G:79, B:128 and CMYK values of C:0.75, M:0.38, Y:0, K:0.5. Its decimal value is 2117504.

Hex triplet	204f80	`#204f80`
RGB Decimal	32, 79, 128	`rgb(32,79,128)`
RGB Percent	12.5, 31, 50.2	`rgb(12.5%,31%,50.2%)`
CMYK	75, 38, 0, 50
HSL	210.6°, 60, 31.4	`hsl(210.6,60%,31.4%)`
HSV (or HSB)	210.6°, 75, 50.2
Web Safe	336699	`#336699`

CIE-LAB	32.825, 1.955, -32.239
XYZ	7.287, 7.457, 21.476
xyY	0.201, 0.206, 7.457
CIE-LCH	32.825, 32.298, 273.47
CIE-LUV	32.825, -16.666, -43.842
Hunter-Lab	27.307, -0.155, -27.514
Binary	00100000, 01001111, 10000000

#204f80
```
#204f80 rgb(32,79,128)
```
#805120
```
#805120 rgb(128,81,32)
```

Complementary Color

#207f80
```
#207f80 rgb(32,127,128)
```
#204f80
```
#204f80 rgb(32,79,128)
```
#212080
```
#212080 rgb(33,32,128)
```

Analogous Color

#7f8020
```
#7f8020 rgb(127,128,32)
```
#204f80
```
#204f80 rgb(32,79,128)
```
#802120
```
#802120 rgb(128,33,32)
```

Split Complementary Color

#4f8020
```
#4f8020 rgb(79,128,32)
```
#204f80
```
#204f80 rgb(32,79,128)
```
#80204f
```
#80204f rgb(128,32,79)
```

Triadic Color

#208051
```
#208051 rgb(32,128,81)
```
#204f80
```
#204f80 rgb(32,79,128)
```
#80204f
```
#80204f rgb(128,32,79)
```
#805120
```
#805120 rgb(128,81,32)
```

Tetradic Color

#112943
```
#112943 rgb(17,41,67)
```
#163657
```
#163657 rgb(22,54,87)
```
#1b426c
```
#1b426c rgb(27,66,108)
```
#204f80
```
#204f80 rgb(32,79,128)
```
#255c94
```
#255c94 rgb(37,92,148)
```
#2a68a9
```
#2a68a9 rgb(42,104,169)
```
#2f75bd
```
#2f75bd rgb(47,117,189)
```

Monochromatic Color

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

#206780
```
#206780 rgb(32,103,128)
```
#205f80
```
#205f80 rgb(32,95,128)
```
#205780
```
#205780 rgb(32,87,128)
```
#204f80
```
#204f80 rgb(32,79,128)
```
#204780
```
#204780 rgb(32,71,128)
```
#203f80
```
#203f80 rgb(32,63,128)
```
#203780
```
#203780 rgb(32,55,128)
```

Similar Colors

Text with hexadecimal color #204f80

This text has a font color of #204f80.

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

#204f80 background color

This paragraph has a background color of #204f80.

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

#204f80 border color

This element has a border color of #204f80.

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

CSS codes

.text {color:#204f80;}

.background {background-color:#204f80;}

.border {border:1px solid #204f80;}

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

#010202
```
#010202 rgb(1,2,2)
```
#050b12
```
#050b12 rgb(5,11,18)
```
#081522
```
#081522 rgb(8,21,34)
```
#0c1f32
```
#0c1f32 rgb(12,31,50)
```
#102841
```
#102841 rgb(16,40,65)
```
#143251
```
#143251 rgb(20,50,81)
```
#183c61
```
#183c61 rgb(24,60,97)
```
#1c4570
```
#1c4570 rgb(28,69,112)
```
#204f80
```
#204f80 rgb(32,79,128)
```
#245990
```
#245990 rgb(36,89,144)
```
#28629f
```
#28629f rgb(40,98,159)
```
#2c6caf
```
#2c6caf rgb(44,108,175)
```
#3076bf
```
#3076bf rgb(48,118,191)
```

Shade Color Variation

#357fcd
```
#357fcd rgb(53,127,205)
```
#4589d1
```
#4589d1 rgb(69,137,209)
```
#5593d4
```
#5593d4 rgb(85,147,212)
```
#659dd8
```
#659dd8 rgb(101,157,216)
```
#74a7dc
```
#74a7dc rgb(116,167,220)
```
#84b1e0
```
#84b1e0 rgb(132,177,224)
```
#94bbe4
```
#94bbe4 rgb(148,187,228)
```
#a3c5e8
```
#a3c5e8 rgb(163,197,232)
```
#b3cfec
```
#b3cfec rgb(179,207,236)
```
#c3d9f0
```
#c3d9f0 rgb(195,217,240)
```
#d2e3f4
```
#d2e3f4 rgb(210,227,244)
```
#e2edf8
```
#e2edf8 rgb(226,237,248)
```
#f2f7fc
```
#f2f7fc rgb(242,247,252)
```

Tint Color Variation

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

#4b5055
```
#4b5055 rgb(75,80,85)
```
#45505b
```
#45505b rgb(69,80,91)
```
#3f5061
```
#3f5061 rgb(63,80,97)
```
#395067
```
#395067 rgb(57,80,103)
```
#324f6e
```
#324f6e rgb(50,79,110)
```
#2c4f74
```
#2c4f74 rgb(44,79,116)
```
#264f7a
```
#264f7a rgb(38,79,122)
```
#204f80
```
#204f80 rgb(32,79,128)
```
#1a4f86
```
#1a4f86 rgb(26,79,134)
```
#144f8c
```
#144f8c rgb(20,79,140)
```
#0e4f92
```
#0e4f92 rgb(14,79,146)
```
#074e99
```
#074e99 rgb(7,78,153)
```
#014e9f
```
#014e9f rgb(1,78,159)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#3f4952 Atypical Achromatopsia 0.001% of the population

Dichromacy

#425484 Protanopia 1% of men
#345687 Deuteranopia 1% of men
#005e65 Tritanopia 0.001% of the population

Trichromacy

#365282 Protanomaly 1% of men, 0.01% of women
#2d5484 Deuteranomaly 6% of men, 0.4% of women
#0b596f Tritanomaly 0.01% of the population

#204f80 hex color

#204f80 Color Information

#204f80 Color Conversion

Color Schemes with #204f80

Alternatives to #204f80

#204f80 Preview

Shades and Tints of #204f80

Tones of #204f80

Color Blindness Simulator