#2d63bc hex color

In a RGB color space, hex #2d63bc is composed of 17.6% red, 38.8% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 47.3% magenta, 0% yellow and 26.3% black. It has a hue angle of 217.3 degrees, a saturation of 61.4% and a lightness of 45.7%. #2d63bc color hex could be obtained by blending #5ac6ff with #000079. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 39
- B 74
RGB color chart
- C 76
- M 47
- Y 0
- K 26
CMYK color chart

● #2d63bc color description : Strong blue.

The hexadecimal color #2d63bc has RGB values of R:45, G:99, B:188 and CMYK values of C:0.76, M:0.47, Y:0, K:0.26. Its decimal value is 2974652.

Hex triplet	2d63bc	`#2d63bc`
RGB Decimal	45, 99, 188	`rgb(45,99,188)`
RGB Percent	17.6, 38.8, 73.7	`rgb(17.6%,38.8%,73.7%)`
CMYK	76, 47, 0, 26
HSL	217.3°, 61.4, 45.7	`hsl(217.3,61.4%,45.7%)`
HSV (or HSB)	217.3°, 76.1, 73.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.93, 13.884, -52.008
XYZ	14.619, 13.111, 49.334
xyY	0.19, 0.17, 13.111
CIE-LCH	42.93, 53.83, 284.947
CIE-LUV	42.93, -19.581, -78.082
Hunter-Lab	36.21, 8.7, -55.434
Binary	00101101, 01100011, 10111100

#2d63bc
```
#2d63bc rgb(45,99,188)
```
#bc862d
```
#bc862d rgb(188,134,45)
```

Complementary Color

#2dabbc
```
#2dabbc rgb(45,171,188)
```
#2d63bc
```
#2d63bc rgb(45,99,188)
```
#3f2dbc
```
#3f2dbc rgb(63,45,188)
```

Analogous Color

#abbc2d
```
#abbc2d rgb(171,188,45)
```
#2d63bc
```
#2d63bc rgb(45,99,188)
```
#bc3f2d
```
#bc3f2d rgb(188,63,45)
```

Split Complementary Color

#63bc2d
```
#63bc2d rgb(99,188,45)
```
#2d63bc
```
#2d63bc rgb(45,99,188)
```
#bc2d63
```
#bc2d63 rgb(188,45,99)
```

Triadic Color

#2dbc86
```
#2dbc86 rgb(45,188,134)
```
#2d63bc
```
#2d63bc rgb(45,99,188)
```
#bc2d63
```
#bc2d63 rgb(188,45,99)
```
#bc862d
```
#bc862d rgb(188,134,45)
```

Tetradic Color

#1e427e
```
#1e427e rgb(30,66,126)
```
#234d93
```
#234d93 rgb(35,77,147)
```
#2858a7
```
#2858a7 rgb(40,88,167)
```
#2d63bc
```
#2d63bc rgb(45,99,188)
```
#346ece
```
#346ece rgb(52,110,206)
```
#497dd3
```
#497dd3 rgb(73,125,211)
```
#5d8cd8
```
#5d8cd8 rgb(93,140,216)
```

Monochromatic Color

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

#2d87bc
```
#2d87bc rgb(45,135,188)
```
#2d7bbc
```
#2d7bbc rgb(45,123,188)
```
#2d6fbc
```
#2d6fbc rgb(45,111,188)
```
#2d63bc
```
#2d63bc rgb(45,99,188)
```
#2d57bc
```
#2d57bc rgb(45,87,188)
```
#2d4bbc
```
#2d4bbc rgb(45,75,188)
```
#2d3fbc
```
#2d3fbc rgb(45,63,188)
```

Similar Colors

Text with hexadecimal color #2d63bc

This text has a font color of #2d63bc.

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

#2d63bc background color

This paragraph has a background color of #2d63bc.

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

#2d63bc border color

This element has a border color of #2d63bc.

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

CSS codes

.text {color:#2d63bc;}

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

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

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)
```
#0f203d
```
#0f203d rgb(15,32,61)
```
#12294d
```
#12294d rgb(18,41,77)
```
#16315d
```
#16315d rgb(22,49,93)
```
#1a396d
```
#1a396d rgb(26,57,109)
```
#1e427d
```
#1e427d rgb(30,66,125)
```
#224a8d
```
#224a8d rgb(34,74,141)
```
#25529c
```
#25529c rgb(37,82,156)
```
#295bac
```
#295bac rgb(41,91,172)
```
#2d63bc
```
#2d63bc rgb(45,99,188)
```
#316bcc
```
#316bcc rgb(49,107,204)
```

Shade Color Variation

#3f76d1
```
#3f76d1 rgb(63,118,209)
```
#4f82d5
```
#4f82d5 rgb(79,130,213)
```
#5f8dd9
```
#5f8dd9 rgb(95,141,217)
```
#6f98dc
```
#6f98dc rgb(111,152,220)
```
#7ea3e0
```
#7ea3e0 rgb(126,163,224)
```
#8eafe4
```
#8eafe4 rgb(142,175,228)
```
#9ebae8
```
#9ebae8 rgb(158,186,232)
```
#aec5ec
```
#aec5ec rgb(174,197,236)
```
#bed1ef
```
#bed1ef rgb(190,209,239)
```
#cedcf3
```
#cedcf3 rgb(206,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, #6c727d is the less saturated color, while #0058e9 is the most saturated one.

#6c727d
```
#6c727d rgb(108,114,125)
```
#637086
```
#637086 rgb(99,112,134)
```
#5a6e8f
```
#5a6e8f rgb(90,110,143)
```
#516c98
```
#516c98 rgb(81,108,152)
```
#486aa1
```
#486aa1 rgb(72,106,161)
```
#3f67aa
```
#3f67aa rgb(63,103,170)
```
#3665b3
```
#3665b3 rgb(54,101,179)
```
#2d63bc
```
#2d63bc rgb(45,99,188)
```
#2461c5
```
#2461c5 rgb(36,97,197)
```
#1b5fce
```
#1b5fce rgb(27,95,206)
```
#125cd7
```
#125cd7 rgb(18,92,215)
```
#095ae0
```
#095ae0 rgb(9,90,224)
```
#0058e9
```
#0058e9 rgb(0,88,233)
```

Tone Color Variation

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

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

Trichromacy

#3767bd Protanomaly 1% of men, 0.01% of women
#106ab9 Deuteranomaly 6% of men, 0.4% of women
#107095 Tritanomaly 0.01% of the population

#2d63bc hex color

#2d63bc Color Information

#2d63bc Color Conversion

Color Schemes with #2d63bc

Alternatives to #2d63bc

#2d63bc Preview

Shades and Tints of #2d63bc

Tones of #2d63bc

Color Blindness Simulator