#2d63ef hex color

In a RGB color space, hex #2d63ef is composed of 17.6% red, 38.8% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 58.6% magenta, 0% yellow and 6.3% black. It has a hue angle of 223.3 degrees, a saturation of 85.8% and a lightness of 55.7%. #2d63ef color hex could be obtained by blending #5ac6ff with #0000df. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 39
- B 94
RGB color chart
- C 81
- M 59
- Y 0
- K 6
CMYK color chart

● #2d63ef color description : Bright blue.

The hexadecimal color #2d63ef has RGB values of R:45, G:99, B:239 and CMYK values of C:0.81, M:0.59, Y:0, K:0.06. Its decimal value is 2974703.

Hex triplet	2d63ef	`#2d63ef`
RGB Decimal	45, 99, 239	`rgb(45,99,239)`
RGB Percent	17.6, 38.8, 93.7	`rgb(17.6%,38.8%,93.7%)`
CMYK	81, 59, 0, 6
HSL	223.3°, 85.8, 55.7	`hsl(223.3,85.8%,55.7%)`
HSV (or HSB)	223.3°, 81.2, 93.7
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.594, 33.046, -75.2
XYZ	21.121, 15.712, 83.576
xyY	0.175, 0.13, 15.712
CIE-LCH	46.594, 82.14, 293.723
CIE-LUV	46.594, -19.008, -114.916
Hunter-Lab	39.638, 25.744, -97.264
Binary	00101101, 01100011, 11101111

#2d63ef
```
#2d63ef rgb(45,99,239)
```
#efb92d
```
#efb92d rgb(239,185,45)
```

Complementary Color

#2dc4ef
```
#2dc4ef rgb(45,196,239)
```
#2d63ef
```
#2d63ef rgb(45,99,239)
```
#582def
```
#582def rgb(88,45,239)
```

Analogous Color

#c4ef2d
```
#c4ef2d rgb(196,239,45)
```
#2d63ef
```
#2d63ef rgb(45,99,239)
```
#ef582d
```
#ef582d rgb(239,88,45)
```

Split Complementary Color

#63ef2d
```
#63ef2d rgb(99,239,45)
```
#2d63ef
```
#2d63ef rgb(45,99,239)
```
#ef2d63
```
#ef2d63 rgb(239,45,99)
```

Triadic Color

#2defb9
```
#2defb9 rgb(45,239,185)
```
#2d63ef
```
#2d63ef rgb(45,99,239)
```
#ef2d63
```
#ef2d63 rgb(239,45,99)
```
#efb92d
```
#efb92d rgb(239,185,45)
```

Tetradic Color

#0f40c1
```
#0f40c1 rgb(15,64,193)
```
#1048d9
```
#1048d9 rgb(16,72,217)
```
#1551ed
```
#1551ed rgb(21,81,237)
```
#2d63ef
```
#2d63ef rgb(45,99,239)
```
#4575f1
```
#4575f1 rgb(69,117,241)
```
#5c86f3
```
#5c86f3 rgb(92,134,243)
```
#7498f4
```
#7498f4 rgb(116,152,244)
```

Monochromatic Color

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

#2d94ef
```
#2d94ef rgb(45,148,239)
```
#2d83ef
```
#2d83ef rgb(45,131,239)
```
#2d73ef
```
#2d73ef rgb(45,115,239)
```
#2d63ef
```
#2d63ef rgb(45,99,239)
```
#2d53ef
```
#2d53ef rgb(45,83,239)
```
#2d43ef
```
#2d43ef rgb(45,67,239)
```
#2d32ef
```
#2d32ef rgb(45,50,239)
```

Similar Colors

Text with hexadecimal color #2d63ef

This text has a font color of #2d63ef.

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

#2d63ef background color

This paragraph has a background color of #2d63ef.

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

#2d63ef border color

This element has a border color of #2d63ef.

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

CSS codes

.text {color:#2d63ef;}

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

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

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

#010309
```
#010309 rgb(1,3,9)
```
#02091b
```
#02091b rgb(2,9,27)
```
#030f2d
```
#030f2d rgb(3,15,45)
```
#05153f
```
#05153f rgb(5,21,63)
```
#061b52
```
#061b52 rgb(6,27,82)
```
#082164
```
#082164 rgb(8,33,100)
```
#092776
```
#092776 rgb(9,39,118)
```
#0a2d88
```
#0a2d88 rgb(10,45,136)
```
#0c349b
```
#0c349b rgb(12,52,155)
```
#0d3aad
```
#0d3aad rgb(13,58,173)
```
#0f40bf
```
#0f40bf rgb(15,64,191)
```
#1046d1
```
#1046d1 rgb(16,70,209)
```
#114ce3
```
#114ce3 rgb(17,76,227)
```

Shade Color Variation

#1b55ee
```
#1b55ee rgb(27,85,238)
```
#2d63ef
```
#2d63ef rgb(45,99,239)
```
#3f71f0
```
#3f71f0 rgb(63,113,240)
```
#517ef2
```
#517ef2 rgb(81,126,242)
```
#648cf3
```
#648cf3 rgb(100,140,243)
```
#7699f5
```
#7699f5 rgb(118,153,245)
```
#88a7f6
```
#88a7f6 rgb(136,167,246)
```
#9ab4f7
```
#9ab4f7 rgb(154,180,247)
```
#adc2f9
```
#adc2f9 rgb(173,194,249)
```
#bfcffa
```
#bfcffa rgb(191,207,250)
```
#d1ddfb
```
#d1ddfb rgb(209,221,251)
```
#e3eafd
```
#e3eafd rgb(227,234,253)
```
#f5f8fe
```
#f5f8fe rgb(245,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d8d8f is the less saturated color, while #245ff8 is the most saturated one.

#8d8d8f
```
#8d8d8f rgb(141,141,143)
```
#848a98
```
#848a98 rgb(132,138,152)
```
#7b86a1
```
#7b86a1 rgb(123,134,161)
```
#7382a9
```
#7382a9 rgb(115,130,169)
```
#6a7eb2
```
#6a7eb2 rgb(106,126,178)
```
#617abb
```
#617abb rgb(97,122,187)
```
#5876c4
```
#5876c4 rgb(88,118,196)
```
#5072cc
```
#5072cc rgb(80,114,204)
```
#476fd5
```
#476fd5 rgb(71,111,213)
```
#3e6bde
```
#3e6bde rgb(62,107,222)
```
#3667e6
```
#3667e6 rgb(54,103,230)
```
#2d63ef
```
#2d63ef rgb(45,99,239)
```
#245ff8
```
#245ff8 rgb(36,95,248)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#58637f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#0078c3 Deuteranopia 1% of men
#008188 Tritanopia 0.001% of the population

Trichromacy

#106ce5 Protanomaly 1% of men, 0.01% of women
#1070d3 Deuteranomaly 6% of men, 0.4% of women
#1076ad Tritanomaly 0.01% of the population

#2d63ef hex color

#2d63ef Color Information

#2d63ef Color Conversion

Color Schemes with #2d63ef

Alternatives to #2d63ef

#2d63ef Preview

Shades and Tints of #2d63ef

Tones of #2d63ef

Color Blindness Simulator