#2d63e7 hex color

In a RGB color space, hex #2d63e7 is composed of 17.6% red, 38.8% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 57.1% magenta, 0% yellow and 9.4% black. It has a hue angle of 222.6 degrees, a saturation of 79.5% and a lightness of 54.1%. #2d63e7 color hex could be obtained by blending #5ac6ff with #0000cf. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 39
- B 91
RGB color chart
- C 81
- M 57
- Y 0
- K 9
CMYK color chart

● #2d63e7 color description : Bright blue.

The hexadecimal color #2d63e7 has RGB values of R:45, G:99, B:231 and CMYK values of C:0.81, M:0.57, Y:0, K:0.09. Its decimal value is 2974695.

Hex triplet	2d63e7	`#2d63e7`
RGB Decimal	45, 99, 231	`rgb(45,99,231)`
RGB Percent	17.6, 38.8, 90.6	`rgb(17.6%,38.8%,90.6%)`
CMYK	81, 57, 0, 9
HSL	222.6°, 79.5, 54.1	`hsl(222.6,79.5%,54.1%)`
HSV (or HSB)	222.6°, 80.5, 90.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.974, 30.09, -71.71
XYZ	19.965, 15.25, 77.488
xyY	0.177, 0.135, 15.25
CIE-LCH	45.974, 77.767, 292.764
CIE-LUV	45.974, -19.049, -109.435
Hunter-Lab	39.051, 22.92, -90.313
Binary	00101101, 01100011, 11100111

#2d63e7
```
#2d63e7 rgb(45,99,231)
```
#e7b12d
```
#e7b12d rgb(231,177,45)
```

Complementary Color

#2dc0e7
```
#2dc0e7 rgb(45,192,231)
```
#2d63e7
```
#2d63e7 rgb(45,99,231)
```
#542de7
```
#542de7 rgb(84,45,231)
```

Analogous Color

#c0e72d
```
#c0e72d rgb(192,231,45)
```
#2d63e7
```
#2d63e7 rgb(45,99,231)
```
#e7542d
```
#e7542d rgb(231,84,45)
```

Split Complementary Color

#63e72d
```
#63e72d rgb(99,231,45)
```
#2d63e7
```
#2d63e7 rgb(45,99,231)
```
#e72d63
```
#e72d63 rgb(231,45,99)
```

Triadic Color

#2de7b1
```
#2de7b1 rgb(45,231,177)
```
#2d63e7
```
#2d63e7 rgb(45,99,231)
```
#e72d63
```
#e72d63 rgb(231,45,99)
```
#e7b12d
```
#e7b12d rgb(231,177,45)
```

Tetradic Color

#1443b3
```
#1443b3 rgb(20,67,179)
```
#174bca
```
#174bca rgb(23,75,202)
```
#1a54e1
```
#1a54e1 rgb(26,84,225)
```
#2d63e7
```
#2d63e7 rgb(45,99,231)
```
#4474ea
```
#4474ea rgb(68,116,234)
```
#5b85ec
```
#5b85ec rgb(91,133,236)
```
#7296ef
```
#7296ef rgb(114,150,239)
```

Monochromatic Color

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

#2d92e7
```
#2d92e7 rgb(45,146,231)
```
#2d82e7
```
#2d82e7 rgb(45,130,231)
```
#2d73e7
```
#2d73e7 rgb(45,115,231)
```
#2d63e7
```
#2d63e7 rgb(45,99,231)
```
#2d54e7
```
#2d54e7 rgb(45,84,231)
```
#2d44e7
```
#2d44e7 rgb(45,68,231)
```
#2d35e7
```
#2d35e7 rgb(45,53,231)
```

Similar Colors

Text with hexadecimal color #2d63e7

This text has a font color of #2d63e7.

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

#2d63e7 background color

This paragraph has a background color of #2d63e7.

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

#2d63e7 border color

This element has a border color of #2d63e7.

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

CSS codes

.text {color:#2d63e7;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#020713
```
#020713 rgb(2,7,19)
```
#040e24
```
#040e24 rgb(4,14,36)
```
#061436
```
#061436 rgb(6,20,54)
```
#081b48
```
#081b48 rgb(8,27,72)
```
#0a2159
```
#0a2159 rgb(10,33,89)
```
#0c286b
```
#0c286b rgb(12,40,107)
```
#0e2e7c
```
#0e2e7c rgb(14,46,124)
```
#10358e
```
#10358e rgb(16,53,142)
```
#123ba0
```
#123ba0 rgb(18,59,160)
```
#1442b1
```
#1442b1 rgb(20,66,177)
```
#1648c3
```
#1648c3 rgb(22,72,195)
```
#184fd4
```
#184fd4 rgb(24,79,212)
```

Shade Color Variation

#1b56e5
```
#1b56e5 rgb(27,86,229)
```
#2d63e7
```
#2d63e7 rgb(45,99,231)
```
#3f70e9
```
#3f70e9 rgb(63,112,233)
```
#507deb
```
#507deb rgb(80,125,235)
```
#628aed
```
#628aed rgb(98,138,237)
```
#7397ef
```
#7397ef rgb(115,151,239)
```
#85a4f1
```
#85a4f1 rgb(133,164,241)
```
#97b1f3
```
#97b1f3 rgb(151,177,243)
```
#a8bff5
```
#a8bff5 rgb(168,191,245)
```
#baccf7
```
#baccf7 rgb(186,204,247)
```
#cbd9f9
```
#cbd9f9 rgb(203,217,249)
```
#dde6fb
```
#dde6fb rgb(221,230,251)
```
#eff3fd
```
#eff3fd rgb(239,243,253)
```

Tint Color Variation

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

#87898d
```
#87898d rgb(135,137,141)
```
#7e8596
```
#7e8596 rgb(126,133,150)
```
#75819f
```
#75819f rgb(117,129,159)
```
#6c7da8
```
#6c7da8 rgb(108,125,168)
```
#637ab1
```
#637ab1 rgb(99,122,177)
```
#5a76ba
```
#5a76ba rgb(90,118,186)
```
#5172c3
```
#5172c3 rgb(81,114,195)
```
#486ecc
```
#486ecc rgb(72,110,204)
```
#3f6bd5
```
#3f6bd5 rgb(63,107,213)
```
#3667de
```
#3667de rgb(54,103,222)
```
#2d63e7
```
#2d63e7 rgb(45,99,231)
```
#245ff0
```
#245ff0 rgb(36,95,240)
```
#1b5bf9
```
#1b5bf9 rgb(27,91,249)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#57627d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070dd Protanopia 1% of men
#0077c1 Deuteranopia 1% of men
#007f87 Tritanopia 0.001% of the population

Trichromacy

#106be0 Protanomaly 1% of men, 0.01% of women
#106fce Deuteranomaly 6% of men, 0.4% of women
#1075aa Tritanomaly 0.01% of the population

#2d63e7 hex color

#2d63e7 Color Information

#2d63e7 Color Conversion

Color Schemes with #2d63e7

Alternatives to #2d63e7

#2d63e7 Preview

Shades and Tints of #2d63e7

Tones of #2d63e7

Color Blindness Simulator