#2c63bd hex color

In a RGB color space, hex #2c63bd is composed of 17.3% red, 38.8% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 47.6% magenta, 0% yellow and 25.9% black. It has a hue angle of 217.2 degrees, a saturation of 62.2% and a lightness of 45.7%. #2c63bd color hex could be obtained by blending #58c6ff with #00007b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 39
- B 74
RGB color chart
- C 77
- M 48
- Y 0
- K 26
CMYK color chart

● #2c63bd color description : Strong blue.

The hexadecimal color #2c63bd has RGB values of R:44, G:99, B:189 and CMYK values of C:0.77, M:0.48, Y:0, K:0.26. Its decimal value is 2909117.

Hex triplet	2c63bd	`#2c63bd`
RGB Decimal	44, 99, 189	`rgb(44,99,189)`
RGB Percent	17.3, 38.8, 74.1	`rgb(17.3%,38.8%,74.1%)`
CMYK	77, 48, 0, 26
HSL	217.2°, 62.2, 45.7	`hsl(217.2,62.2%,45.7%)`
HSV (or HSB)	217.2°, 76.7, 74.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.962, 14.144, -52.541
XYZ	14.684, 13.132, 49.902
xyY	0.189, 0.169, 13.132
CIE-LCH	42.962, 54.412, 285.067
CIE-LUV	42.962, -19.719, -78.905
Hunter-Lab	36.238, 8.911, -56.279
Binary	00101100, 01100011, 10111101

#2c63bd
```
#2c63bd rgb(44,99,189)
```
#bd862c
```
#bd862c rgb(189,134,44)
```

Complementary Color

#2cacbd
```
#2cacbd rgb(44,172,189)
```
#2c63bd
```
#2c63bd rgb(44,99,189)
```
#3e2cbd
```
#3e2cbd rgb(62,44,189)
```

Analogous Color

#acbd2c
```
#acbd2c rgb(172,189,44)
```
#2c63bd
```
#2c63bd rgb(44,99,189)
```
#bd3e2c
```
#bd3e2c rgb(189,62,44)
```

Split Complementary Color

#63bd2c
```
#63bd2c rgb(99,189,44)
```
#2c63bd
```
#2c63bd rgb(44,99,189)
```
#bd2c63
```
#bd2c63 rgb(189,44,99)
```

Triadic Color

#2cbd86
```
#2cbd86 rgb(44,189,134)
```
#2c63bd
```
#2c63bd rgb(44,99,189)
```
#bd2c63
```
#bd2c63 rgb(189,44,99)
```
#bd862c
```
#bd862c rgb(189,134,44)
```

Tetradic Color

#1e427f
```
#1e427f rgb(30,66,127)
```
#224d94
```
#224d94 rgb(34,77,148)
```
#2758a8
```
#2758a8 rgb(39,88,168)
```
#2c63bd
```
#2c63bd rgb(44,99,189)
```
#336ed0
```
#336ed0 rgb(51,110,208)
```
#487dd4
```
#487dd4 rgb(72,125,212)
```
#5c8cd9
```
#5c8cd9 rgb(92,140,217)
```

Monochromatic Color

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

#2c87bd
```
#2c87bd rgb(44,135,189)
```
#2c7bbd
```
#2c7bbd rgb(44,123,189)
```
#2c6fbd
```
#2c6fbd rgb(44,111,189)
```
#2c63bd
```
#2c63bd rgb(44,99,189)
```
#2c57bd
```
#2c57bd rgb(44,87,189)
```
#2c4bbd
```
#2c4bbd rgb(44,75,189)
```
#2c3fbd
```
#2c3fbd rgb(44,63,189)
```

Similar Colors

Text with hexadecimal color #2c63bd

This text has a font color of #2c63bd.

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

#2c63bd background color

This paragraph has a background color of #2c63bd.

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

#2c63bd border color

This element has a border color of #2c63bd.

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

CSS codes

.text {color:#2c63bd;}

.background {background-color:#2c63bd;}

.border {border:1px solid #2c63bd;}

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, #03070e is the darkest color, while #fdfeff is the lightest one.

#03070e
```
#03070e rgb(3,7,14)
```
#07101e
```
#07101e rgb(7,16,30)
```
#0b182e
```
#0b182e rgb(11,24,46)
```
#0e203e
```
#0e203e rgb(14,32,62)
```
#12294e
```
#12294e rgb(18,41,78)
```
#16315e
```
#16315e rgb(22,49,94)
```
#19396d
```
#19396d rgb(25,57,109)
```
#1d427d
```
#1d427d rgb(29,66,125)
```
#214a8d
```
#214a8d rgb(33,74,141)
```
#25529d
```
#25529d rgb(37,82,157)
```
#285bad
```
#285bad rgb(40,91,173)
```
#2c63bd
```
#2c63bd rgb(44,99,189)
```
#306bcd
```
#306bcd rgb(48,107,205)
```

Shade Color Variation

#3e76d2
```
#3e76d2 rgb(62,118,210)
```
#4e82d6
```
#4e82d6 rgb(78,130,214)
```
#5e8dda
```
#5e8dda rgb(94,141,218)
```
#6e98dd
```
#6e98dd rgb(110,152,221)
```
#7ea3e1
```
#7ea3e1 rgb(126,163,225)
```
#8eafe5
```
#8eafe5 rgb(142,175,229)
```
#9ebae8
```
#9ebae8 rgb(158,186,232)
```
#aec5ec
```
#aec5ec rgb(174,197,236)
```
#bdd1f0
```
#bdd1f0 rgb(189,209,240)
```
#cddcf3
```
#cddcf3 rgb(205,220,243)
```
#dde7f7
```
#dde7f7 rgb(221,231,247)
```
#edf2fb
```
#edf2fb rgb(237,242,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#747475
```
#747475 rgb(116,116,117)
```
#6b727e
```
#6b727e rgb(107,114,126)
```
#627087
```
#627087 rgb(98,112,135)
```
#596e90
```
#596e90 rgb(89,110,144)
```
#506c99
```
#506c99 rgb(80,108,153)
```
#4769a2
```
#4769a2 rgb(71,105,162)
```
#3e67ab
```
#3e67ab rgb(62,103,171)
```
#3565b4
```
#3565b4 rgb(53,101,180)
```
#2c63bd
```
#2c63bd rgb(44,99,189)
```
#2361c6
```
#2361c6 rgb(35,97,198)
```
#1a5fcf
```
#1a5fcf rgb(26,95,207)
```
#115dd8
```
#115dd8 rgb(17,93,216)
```
#085ae1
```
#085ae1 rgb(8,90,225)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#535e70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b6ac0 Protanopia 1% of men
#006fb8 Deuteranopia 1% of men
#00787f Tritanopia 0.001% of the population

Trichromacy

#3667be Protanomaly 1% of men, 0.01% of women
#106aba Deuteranomaly 6% of men, 0.4% of women
#107096 Tritanomaly 0.01% of the population

#2c63bd hex color

#2c63bd Color Information

#2c63bd Color Conversion

Color Schemes with #2c63bd

Alternatives to #2c63bd

#2c63bd Preview

Shades and Tints of #2c63bd

Tones of #2c63bd

Color Blindness Simulator