colorhexa.com

#202f7e hex color

In a RGB color space, hex #202f7e is composed of 12.5% red, 18.4% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 62.7% magenta, 0% yellow and 50.6% black. It has a hue angle of 230.4 degrees, a saturation of 59.5% and a lightness of 31%. #202f7e color hex could be obtained by blending #405efc with #000000. Closest websafe color is: #333366.

- R 13
- G 18
- B 49
RGB color chart
- C 75
- M 63
- Y 0
- K 51
CMYK color chart

● #202f7e color description : Dark blue.

The hexadecimal color #202f7e has RGB values of R:32, G:47, B:126 and CMYK values of C:0.75, M:0.63, Y:0, K:0.51. Its decimal value is 2109310.

Hex triplet	202f7e	`#202f7e`
RGB Decimal	32, 47, 126	`rgb(32,47,126)`
RGB Percent	12.5, 18.4, 49.4	`rgb(12.5%,18.4%,49.4%)`
CMYK	75, 63, 0, 51
HSL	230.4°, 59.5, 31	`hsl(230.4,59.5%,31%)`
HSV (or HSB)	230.4°, 74.6, 49.4
Web Safe	333366	`#333366`

CIE-LAB	23.156, 23.17, -46.55
XYZ	5.377, 3.846, 20.197
xyY	0.183, 0.131, 3.846
CIE-LCH	23.156, 51.997, 296.461
CIE-LUV	23.156, -7.195, -56.717
Hunter-Lab	19.612, 14.623, -47.33
Binary	00100000, 00101111, 01111110

#202f7e
```
#202f7e rgb(32,47,126)
```
#7e6f20
```
#7e6f20 rgb(126,111,32)
```

Complementary Color

#205e7e
```
#205e7e rgb(32,94,126)
```
#202f7e
```
#202f7e rgb(32,47,126)
```
#40207e
```
#40207e rgb(64,32,126)
```

Analogous Color

#5e7e20
```
#5e7e20 rgb(94,126,32)
```
#202f7e
```
#202f7e rgb(32,47,126)
```
#7e4020
```
#7e4020 rgb(126,64,32)
```

Split Complementary Color

#2f7e20
```
#2f7e20 rgb(47,126,32)
```
#202f7e
```
#202f7e rgb(32,47,126)
```
#7e202f
```
#7e202f rgb(126,32,47)
```

Triadic Color

#207e6f
```
#207e6f rgb(32,126,111)
```
#202f7e
```
#202f7e rgb(32,47,126)
```
#7e202f
```
#7e202f rgb(126,32,47)
```
#7e6f20
```
#7e6f20 rgb(126,111,32)
```

Tetradic Color

#111841
```
#111841 rgb(17,24,65)
```
#162055
```
#162055 rgb(22,32,85)
```
#1b276a
```
#1b276a rgb(27,39,106)
```
#202f7e
```
#202f7e rgb(32,47,126)
```
#253792
```
#253792 rgb(37,55,146)
```
#2a3ea7
```
#2a3ea7 rgb(42,62,167)
```
#2f46bb
```
#2f46bb rgb(47,70,187)
```

Monochromatic Color

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

#20477e
```
#20477e rgb(32,71,126)
```
#203f7e
```
#203f7e rgb(32,63,126)
```
#20377e
```
#20377e rgb(32,55,126)
```
#202f7e
```
#202f7e rgb(32,47,126)
```
#20277e
```
#20277e rgb(32,39,126)
```
#21207e
```
#21207e rgb(33,32,126)
```
#29207e
```
#29207e rgb(41,32,126)
```

Similar Colors

Text with hexadecimal color #202f7e

This text has a font color of #202f7e.

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

#202f7e background color

This paragraph has a background color of #202f7e.

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

#202f7e border color

This element has a border color of #202f7e.

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

CSS codes

.text {color:#202f7e;}

.background {background-color:#202f7e;}

.border {border:1px solid #202f7e;}

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

#000001
```
#000001 rgb(0,0,1)
```
#040611
```
#040611 rgb(4,6,17)
```
#080c20
```
#080c20 rgb(8,12,32)
```
#0c1230
```
#0c1230 rgb(12,18,48)
```
#10183f
```
#10183f rgb(16,24,63)
```
#141d4f
```
#141d4f rgb(20,29,79)
```
#18235f
```
#18235f rgb(24,35,95)
```
#1c296e
```
#1c296e rgb(28,41,110)
```
#202f7e
```
#202f7e rgb(32,47,126)
```
#24358e
```
#24358e rgb(36,53,142)
```
#283b9d
```
#283b9d rgb(40,59,157)
```
#2c41ad
```
#2c41ad rgb(44,65,173)
```
#3046bd
```
#3046bd rgb(48,70,189)
```

Shade Color Variation

#354dcc
```
#354dcc rgb(53,77,204)
```
#445ad0
```
#445ad0 rgb(68,90,208)
```
#5468d4
```
#5468d4 rgb(84,104,212)
```
#6376d7
```
#6376d7 rgb(99,118,215)
```
#7384db
```
#7384db rgb(115,132,219)
```
#8392df
```
#8392df rgb(131,146,223)
```
#929fe3
```
#929fe3 rgb(146,159,227)
```
#a2ade7
```
#a2ade7 rgb(162,173,231)
```
#b2bbeb
```
#b2bbeb rgb(178,187,235)
```
#c1c9ef
```
#c1c9ef rgb(193,201,239)
```
#d1d6f3
```
#d1d6f3 rgb(209,214,243)
```
#e1e4f7
```
#e1e4f7 rgb(225,228,247)
```
#f0f2fb
```
#f0f2fb rgb(240,242,251)
```

Tint Color Variation

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

#4b4c53
```
#4b4c53 rgb(75,76,83)
```
#44485a
```
#44485a rgb(68,72,90)
```
#3e4460
```
#3e4460 rgb(62,68,96)
```
#384066
```
#384066 rgb(56,64,102)
```
#323b6c
```
#323b6c rgb(50,59,108)
```
#2c3772
```
#2c3772 rgb(44,55,114)
```
#263378
```
#263378 rgb(38,51,120)
```
#202f7e
```
#202f7e rgb(32,47,126)
```
#1a2b84
```
#1a2b84 rgb(26,43,132)
```
#14278a
```
#14278a rgb(20,39,138)
```
#0e2390
```
#0e2390 rgb(14,35,144)
```
#081e96
```
#081e96 rgb(8,30,150)
```
#021a9c
```
#021a9c rgb(2,26,156)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#303343 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003f7c Protanopia 1% of men
#00436c Deuteranopia 1% of men
#00484c Tritanopia 0.001% of the population

Trichromacy

#0b397d Protanomaly 1% of men, 0.01% of women
#0b3b73 Deuteranomaly 6% of men, 0.4% of women
#0b3e5e Tritanomaly 0.01% of the population