#2d63c9 hex color

In a RGB color space, hex #2d63c9 is composed of 17.6% red, 38.8% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 50.7% magenta, 0% yellow and 21.2% black. It has a hue angle of 219.2 degrees, a saturation of 63.4% and a lightness of 48.2%. #2d63c9 color hex could be obtained by blending #5ac6ff with #000093. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 39
- B 79
RGB color chart
- C 78
- M 51
- Y 0
- K 21
CMYK color chart

● #2d63c9 color description : Strong blue.

The hexadecimal color #2d63c9 has RGB values of R:45, G:99, B:201 and CMYK values of C:0.78, M:0.51, Y:0, K:0.21. Its decimal value is 2974665.

Hex triplet	2d63c9	`#2d63c9`
RGB Decimal	45, 99, 201	`rgb(45,99,201)`
RGB Percent	17.6, 38.8, 78.8	`rgb(17.6%,38.8%,78.8%)`
CMYK	78, 51, 0, 21
HSL	219.2°, 63.4, 48.2	`hsl(219.2,63.4%,48.2%)`
HSV (or HSB)	219.2°, 77.6, 78.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.796, 18.821, -58.141
XYZ	16.084, 13.697, 57.051
xyY	0.185, 0.158, 13.697
CIE-LCH	43.796, 61.111, 287.937
CIE-LUV	43.796, -19.361, -87.916
Hunter-Lab	37.01, 12.808, -65.489
Binary	00101101, 01100011, 11001001

#2d63c9
```
#2d63c9 rgb(45,99,201)
```
#c9932d
```
#c9932d rgb(201,147,45)
```

Complementary Color

#2db1c9
```
#2db1c9 rgb(45,177,201)
```
#2d63c9
```
#2d63c9 rgb(45,99,201)
```
#452dc9
```
#452dc9 rgb(69,45,201)
```

Analogous Color

#b1c92d
```
#b1c92d rgb(177,201,45)
```
#2d63c9
```
#2d63c9 rgb(45,99,201)
```
#c9452d
```
#c9452d rgb(201,69,45)
```

Split Complementary Color

#63c92d
```
#63c92d rgb(99,201,45)
```
#2d63c9
```
#2d63c9 rgb(45,99,201)
```
#c92d63
```
#c92d63 rgb(201,45,99)
```

Triadic Color

#2dc993
```
#2dc993 rgb(45,201,147)
```
#2d63c9
```
#2d63c9 rgb(45,99,201)
```
#c92d63
```
#c92d63 rgb(201,45,99)
```
#c9932d
```
#c9932d rgb(201,147,45)
```

Tetradic Color

#1f448a
```
#1f448a rgb(31,68,138)
```
#244e9f
```
#244e9f rgb(36,78,159)
```
#2859b4
```
#2859b4 rgb(40,89,180)
```
#2d63c9
```
#2d63c9 rgb(45,99,201)
```
#3c70d3
```
#3c70d3 rgb(60,112,211)
```
#5180d8
```
#5180d8 rgb(81,128,216)
```
#668fdd
```
#668fdd rgb(102,143,221)
```

Monochromatic Color

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

#2d8ac9
```
#2d8ac9 rgb(45,138,201)
```
#2d7dc9
```
#2d7dc9 rgb(45,125,201)
```
#2d70c9
```
#2d70c9 rgb(45,112,201)
```
#2d63c9
```
#2d63c9 rgb(45,99,201)
```
#2d56c9
```
#2d56c9 rgb(45,86,201)
```
#2d49c9
```
#2d49c9 rgb(45,73,201)
```
#2d3cc9
```
#2d3cc9 rgb(45,60,201)
```

Similar Colors

Text with hexadecimal color #2d63c9

This text has a font color of #2d63c9.

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

#2d63c9 background color

This paragraph has a background color of #2d63c9.

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

#2d63c9 border color

This element has a border color of #2d63c9.

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

CSS codes

.text {color:#2d63c9;}

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

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

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

#020409
```
#020409 rgb(2,4,9)
```
#060c19
```
#060c19 rgb(6,12,25)
```
#091429
```
#091429 rgb(9,20,41)
```
#0d1c39
```
#0d1c39 rgb(13,28,57)
```
#102449
```
#102449 rgb(16,36,73)
```
#142c59
```
#142c59 rgb(20,44,89)
```
#173469
```
#173469 rgb(23,52,105)
```
#1b3c79
```
#1b3c79 rgb(27,60,121)
```
#1f4389
```
#1f4389 rgb(31,67,137)
```
#224b99
```
#224b99 rgb(34,75,153)
```
#2653a9
```
#2653a9 rgb(38,83,169)
```
#295bb9
```
#295bb9 rgb(41,91,185)
```
#2d63c9
```
#2d63c9 rgb(45,99,201)
```

Shade Color Variation

#376dd2
```
#376dd2 rgb(55,109,210)
```
#4779d6
```
#4779d6 rgb(71,121,214)
```
#5784d9
```
#5784d9 rgb(87,132,217)
```
#6790dd
```
#6790dd rgb(103,144,221)
```
#779ce1
```
#779ce1 rgb(119,156,225)
```
#87a8e4
```
#87a8e4 rgb(135,168,228)
```
#97b3e8
```
#97b3e8 rgb(151,179,232)
```
#a8bfeb
```
#a8bfeb rgb(168,191,235)
```
#b8cbef
```
#b8cbef rgb(184,203,239)
```
#c8d6f3
```
#c8d6f3 rgb(200,214,243)
```
#d8e2f6
```
#d8e2f6 rgb(216,226,246)
```
#e8eefa
```
#e8eefa rgb(232,238,250)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797a7d is the less saturated color, while #0757ef is the most saturated one.

#797a7d
```
#797a7d rgb(121,122,125)
```
#6f7787
```
#6f7787 rgb(111,119,135)
```
#667490
```
#667490 rgb(102,116,144)
```
#5c729a
```
#5c729a rgb(92,114,154)
```
#536fa3
```
#536fa3 rgb(83,111,163)
```
#496cad
```
#496cad rgb(73,108,173)
```
#4069b6
```
#4069b6 rgb(64,105,182)
```
#3666c0
```
#3666c0 rgb(54,102,192)
```
#2d63c9
```
#2d63c9 rgb(45,99,201)
```
#2460d2
```
#2460d2 rgb(36,96,210)
```
#1a5ddc
```
#1a5ddc rgb(26,93,220)
```
#115ae5
```
#115ae5 rgb(17,90,229)
```
#0757ef
```
#0757ef rgb(7,87,239)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#545f73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b6ccc Protanopia 1% of men
#0071ba Deuteranopia 1% of men
#007a81 Tritanopia 0.001% of the population

Trichromacy

#2c68cb Protanomaly 1% of men, 0.01% of women
#106cbf Deuteranomaly 6% of men, 0.4% of women
#10719b Tritanomaly 0.01% of the population

#2d63c9 hex color

#2d63c9 Color Information

#2d63c9 Color Conversion

Color Schemes with #2d63c9

Alternatives to #2d63c9

#2d63c9 Preview

Shades and Tints of #2d63c9

Tones of #2d63c9

Color Blindness Simulator