#202f53 hex color

In a RGB color space, hex #202f53 is composed of 12.5% red, 18.4% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 61.4% cyan, 43.4% magenta, 0% yellow and 67.5% black. It has a hue angle of 222.4 degrees, a saturation of 44.3% and a lightness of 22.5%. #202f53 color hex could be obtained by blending #405ea6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 18
- B 33
RGB color chart
- C 61
- M 43
- Y 0
- K 67
CMYK color chart

● #202f53 color description : Very dark blue.

The hexadecimal color #202f53 has RGB values of R:32, G:47, B:83 and CMYK values of C:0.61, M:0.43, Y:0, K:0.67. Its decimal value is 2109267.

Hex triplet	202f53	`#202f53`
RGB Decimal	32, 47, 83	`rgb(32,47,83)`
RGB Percent	12.5, 18.4, 32.5	`rgb(12.5%,18.4%,32.5%)`
CMYK	61, 43, 0, 67
HSL	222.4°, 44.3, 22.5	`hsl(222.4,44.3%,22.5%)`
HSV (or HSB)	222.4°, 61.4, 32.5
Web Safe	333366	`#333366`

CIE-LAB	19.901, 6.253, -23.873
XYZ	3.173, 2.964, 8.588
xyY	0.215, 0.201, 2.964
CIE-LCH	19.901, 24.678, 284.677
CIE-LUV	19.901, -6.449, -27.131
Hunter-Lab	17.218, 2.766, -17.521
Binary	00100000, 00101111, 01010011

#202f53
```
#202f53 rgb(32,47,83)
```
#534420
```
#534420 rgb(83,68,32)
```

Complementary Color

#204953
```
#204953 rgb(32,73,83)
```
#202f53
```
#202f53 rgb(32,47,83)
```
#2b2053
```
#2b2053 rgb(43,32,83)
```

Analogous Color

#495320
```
#495320 rgb(73,83,32)
```
#202f53
```
#202f53 rgb(32,47,83)
```
#532b20
```
#532b20 rgb(83,43,32)
```

Split Complementary Color

#2f5320
```
#2f5320 rgb(47,83,32)
```
#202f53
```
#202f53 rgb(32,47,83)
```
#53202f
```
#53202f rgb(83,32,47)
```

Triadic Color

#205344
```
#205344 rgb(32,83,68)
```
#202f53
```
#202f53 rgb(32,47,83)
```
#53202f
```
#53202f rgb(83,32,47)
```
#534420
```
#534420 rgb(83,68,32)
```

Tetradic Color

#0b101c
```
#0b101c rgb(11,16,28)
```
#121a2e
```
#121a2e rgb(18,26,46)
```
#192541
```
#192541 rgb(25,37,65)
```
#202f53
```
#202f53 rgb(32,47,83)
```
#273965
```
#273965 rgb(39,57,101)
```
#2e4478
```
#2e4478 rgb(46,68,120)
```
#354e8a
```
#354e8a rgb(53,78,138)
```

Monochromatic Color

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

#203c53
```
#203c53 rgb(32,60,83)
```
#203853
```
#203853 rgb(32,56,83)
```
#203353
```
#203353 rgb(32,51,83)
```
#202f53
```
#202f53 rgb(32,47,83)
```
#202b53
```
#202b53 rgb(32,43,83)
```
#202753
```
#202753 rgb(32,39,83)
```
#202253
```
#202253 rgb(32,34,83)
```

Similar Colors

Text with hexadecimal color #202f53

This text has a font color of #202f53.

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

#202f53 background color

This paragraph has a background color of #202f53.

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

#202f53 border color

This element has a border color of #202f53.

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

CSS codes

.text {color:#202f53;}

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

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

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, #05070c is the darkest color, while #fdfdfe is the lightest one.

#05070c
```
#05070c rgb(5,7,12)
```
#0a0f1a
```
#0a0f1a rgb(10,15,26)
```
#101729
```
#101729 rgb(16,23,41)
```
#151f37
```
#151f37 rgb(21,31,55)
```
#1b2745
```
#1b2745 rgb(27,39,69)
```
#202f53
```
#202f53 rgb(32,47,83)
```
#253761
```
#253761 rgb(37,55,97)
```
#2b3f6f
```
#2b3f6f rgb(43,63,111)
```
#30477d
```
#30477d rgb(48,71,125)
```
#364f8c
```
#364f8c rgb(54,79,140)
```
#3b579a
```
#3b579a rgb(59,87,154)
```
#415fa8
```
#415fa8 rgb(65,95,168)
```
#4667b6
```
#4667b6 rgb(70,103,182)
```

Shade Color Variation

#5372bd
```
#5372bd rgb(83,114,189)
```
#617ec2
```
#617ec2 rgb(97,126,194)
```
#6f89c8
```
#6f89c8 rgb(111,137,200)
```
#7e95cd
```
#7e95cd rgb(126,149,205)
```
#8ca1d3
```
#8ca1d3 rgb(140,161,211)
```
#9aacd8
```
#9aacd8 rgb(154,172,216)
```
#a8b8de
```
#a8b8de rgb(168,184,222)
```
#b6c3e3
```
#b6c3e3 rgb(182,195,227)
```
#c4cfe8
```
#c4cfe8 rgb(196,207,232)
```
#d3dbee
```
#d3dbee rgb(211,219,238)
```
#e1e6f3
```
#e1e6f3 rgb(225,230,243)
```
#eff2f9
```
#eff2f9 rgb(239,242,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#36383d
```
#36383d rgb(54,56,61)
```
#323641
```
#323641 rgb(50,54,65)
```
#2d3446
```
#2d3446 rgb(45,52,70)
```
#29334a
```
#29334a rgb(41,51,74)
```
#24314f
```
#24314f rgb(36,49,79)
```
#202f53
```
#202f53 rgb(32,47,83)
```
#1c2d57
```
#1c2d57 rgb(28,45,87)
```
#172b5c
```
#172b5c rgb(23,43,92)
```
#132a60
```
#132a60 rgb(19,42,96)
```
#0e2865
```
#0e2865 rgb(14,40,101)
```
#0a2669
```
#0a2669 rgb(10,38,105)
```
#05246e
```
#05246e rgb(5,36,110)
```
#012272
```
#012272 rgb(1,34,114)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#2c2f36 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c395b Protanopia 1% of men
#243b5b Deuteranopia 1% of men
#1f3f43 Tritanopia 0.001% of the population

Trichromacy

#273558 Protanomaly 1% of men, 0.01% of women
#233658 Deuteranomaly 6% of men, 0.4% of women
#1f3949 Tritanomaly 0.01% of the population

#202f53 hex color

#202f53 Color Information

#202f53 Color Conversion

Color Schemes with #202f53

Alternatives to #202f53

#202f53 Preview

Shades and Tints of #202f53

Tones of #202f53

Color Blindness Simulator