#2063a6 hex color

In a RGB color space, hex #2063a6 is composed of 12.5% red, 38.8% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 40.4% magenta, 0% yellow and 34.9% black. It has a hue angle of 210 degrees, a saturation of 67.7% and a lightness of 38.8%. #2063a6 color hex could be obtained by blending #40c6ff with #00004d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 39
- B 65
RGB color chart
- C 81
- M 40
- Y 0
- K 35
CMYK color chart

● #2063a6 color description : Dark blue.

The hexadecimal color #2063a6 has RGB values of R:32, G:99, B:166 and CMYK values of C:0.81, M:0.4, Y:0, K:0.35. Its decimal value is 2122662.

Hex triplet	2063a6	`#2063a6`
RGB Decimal	32, 99, 166	`rgb(32,99,166)`
RGB Percent	12.5, 38.8, 65.1	`rgb(12.5%,38.8%,65.1%)`
CMYK	81, 40, 0, 35
HSL	210°, 67.7, 38.8	`hsl(210,67.7%,38.8%)`
HSV (or HSB)	210°, 80.7, 65.1
Web Safe	336699	`#336699`

CIE-LAB	41.189, 3.902, -41.91
XYZ	11.939, 11.983, 37.758
xyY	0.194, 0.194, 11.983
CIE-LCH	41.189, 42.091, 275.319
CIE-LUV	41.189, -22.084, -61.412
Hunter-Lab	34.616, 0.984, -40.439
Binary	00100000, 01100011, 10100110

#2063a6
```
#2063a6 rgb(32,99,166)
```
#a66320
```
#a66320 rgb(166,99,32)
```

Complementary Color

#20a6a6
```
#20a6a6 rgb(32,166,166)
```
#2063a6
```
#2063a6 rgb(32,99,166)
```
#2020a6
```
#2020a6 rgb(32,32,166)
```

Analogous Color

#a6a620
```
#a6a620 rgb(166,166,32)
```
#2063a6
```
#2063a6 rgb(32,99,166)
```
#a62020
```
#a62020 rgb(166,32,32)
```

Split Complementary Color

#63a620
```
#63a620 rgb(99,166,32)
```
#2063a6
```
#2063a6 rgb(32,99,166)
```
#a62063
```
#a62063 rgb(166,32,99)
```

Triadic Color

#20a663
```
#20a663 rgb(32,166,99)
```
#2063a6
```
#2063a6 rgb(32,99,166)
```
#a62063
```
#a62063 rgb(166,32,99)
```
#a66320
```
#a66320 rgb(166,99,32)
```

Tetradic Color

#143d66
```
#143d66 rgb(20,61,102)
```
#184a7b
```
#184a7b rgb(24,74,123)
```
#1c5691
```
#1c5691 rgb(28,86,145)
```
#2063a6
```
#2063a6 rgb(32,99,166)
```
#2470bb
```
#2470bb rgb(36,112,187)
```
#287dd1
```
#287dd1 rgb(40,125,209)
```
#3a89d9
```
#3a89d9 rgb(58,137,217)
```

Monochromatic Color

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

#2085a6
```
#2085a6 rgb(32,133,166)
```
#2079a6
```
#2079a6 rgb(32,121,166)
```
#206ea6
```
#206ea6 rgb(32,110,166)
```
#2063a6
```
#2063a6 rgb(32,99,166)
```
#2058a6
```
#2058a6 rgb(32,88,166)
```
#204da6
```
#204da6 rgb(32,77,166)
```
#2042a6
```
#2042a6 rgb(32,66,166)
```

Similar Colors

Text with hexadecimal color #2063a6

This text has a font color of #2063a6.

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

#2063a6 background color

This paragraph has a background color of #2063a6.

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

#2063a6 border color

This element has a border color of #2063a6.

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

CSS codes

.text {color:#2063a6;}

.background {background-color:#2063a6;}

.border {border:1px solid #2063a6;}

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

#000102
```
#000102 rgb(0,1,2)
```
#030b12
```
#030b12 rgb(3,11,18)
```
#071522
```
#071522 rgb(7,21,34)
```
#0a1e33
```
#0a1e33 rgb(10,30,51)
```
#0d2843
```
#0d2843 rgb(13,40,67)
```
#103254
```
#103254 rgb(16,50,84)
```
#133c64
```
#133c64 rgb(19,60,100)
```
#164675
```
#164675 rgb(22,70,117)
```
#1a4f85
```
#1a4f85 rgb(26,79,133)
```
#1d5996
```
#1d5996 rgb(29,89,150)
```
#2063a6
```
#2063a6 rgb(32,99,166)
```
#236db6
```
#236db6 rgb(35,109,182)
```
#2677c7
```
#2677c7 rgb(38,119,199)
```

Shade Color Variation

#2b80d6
```
#2b80d6 rgb(43,128,214)
```
#3b8ad9
```
#3b8ad9 rgb(59,138,217)
```
#4c94dc
```
#4c94dc rgb(76,148,220)
```
#5c9ee0
```
#5c9ee0 rgb(92,158,224)
```
#6da8e3
```
#6da8e3 rgb(109,168,227)
```
#7db1e6
```
#7db1e6 rgb(125,177,230)
```
#8dbbe9
```
#8dbbe9 rgb(141,187,233)
```
#9ec5ec
```
#9ec5ec rgb(158,197,236)
```
#aecfef
```
#aecfef rgb(174,207,239)
```
#bfd9f3
```
#bfd9f3 rgb(191,217,243)
```
#cfe3f6
```
#cfe3f6 rgb(207,227,246)
```
#e0ecf9
```
#e0ecf9 rgb(224,236,249)
```
#f0f6fc
```
#f0f6fc rgb(240,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d6369 is the less saturated color, while #0263c4 is the most saturated one.

#5d6369
```
#5d6369 rgb(93,99,105)
```
#556371
```
#556371 rgb(85,99,113)
```
#4e6378
```
#4e6378 rgb(78,99,120)
```
#466380
```
#466380 rgb(70,99,128)
```
#3e6388
```
#3e6388 rgb(62,99,136)
```
#37638f
```
#37638f rgb(55,99,143)
```
#2f6397
```
#2f6397 rgb(47,99,151)
```
#28639e
```
#28639e rgb(40,99,158)
```
#2063a6
```
#2063a6 rgb(32,99,166)
```
#1863ae
```
#1863ae rgb(24,99,174)
```
#1163b5
```
#1163b5 rgb(17,99,181)
```
#0963bd
```
#0963bd rgb(9,99,189)
```
#0263c4
```
#0263c4 rgb(2,99,196)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4c5967 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c67a7 Protanopia 1% of men
#326aaa Deuteranopia 1% of men
#00737b Tritanopia 0.001% of the population

Trichromacy

#3c65a6 Protanomaly 1% of men, 0.01% of women
#2b67a9 Deuteranomaly 6% of men, 0.4% of women
#0b6d8a Tritanomaly 0.01% of the population

#2063a6 hex color

#2063a6 Color Information

#2063a6 Color Conversion

Color Schemes with #2063a6

Alternatives to #2063a6

#2063a6 Preview

Shades and Tints of #2063a6

Tones of #2063a6

Color Blindness Simulator