#2e63ae hex color

In a RGB color space, hex #2e63ae is composed of 18% red, 38.8% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 73.6% cyan, 43.1% magenta, 0% yellow and 31.8% black. It has a hue angle of 215.2 degrees, a saturation of 58.2% and a lightness of 43.1%. #2e63ae color hex could be obtained by blending #5cc6ff with #00005d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 39
- B 68
RGB color chart
- C 74
- M 43
- Y 0
- K 32
CMYK color chart

● #2e63ae color description : Dark blue.

The hexadecimal color #2e63ae has RGB values of R:46, G:99, B:174 and CMYK values of C:0.74, M:0.43, Y:0, K:0.32. Its decimal value is 3040174.

Hex triplet	2e63ae	`#2e63ae`
RGB Decimal	46, 99, 174	`rgb(46,99,174)`
RGB Percent	18, 38.8, 68.2	`rgb(18%,38.8%,68.2%)`
CMYK	74, 43, 0, 32
HSL	215.2°, 58.2, 43.1	`hsl(215.2,58.2%,43.1%)`
HSV (or HSB)	215.2°, 73.6, 68.2
Web Safe	336699	`#336699`

CIE-LAB	42.092, 8.709, -45.163
XYZ	13.227, 12.56, 41.769
xyY	0.196, 0.186, 12.56
CIE-LCH	42.092, 45.995, 280.914
CIE-LUV	42.092, -19.703, -67.078
Hunter-Lab	35.439, 4.601, -45.072
Binary	00101110, 01100011, 10101110

#2e63ae
```
#2e63ae rgb(46,99,174)
```
#ae792e
```
#ae792e rgb(174,121,46)
```

Complementary Color

#2ea3ae
```
#2ea3ae rgb(46,163,174)
```
#2e63ae
```
#2e63ae rgb(46,99,174)
```
#392eae
```
#392eae rgb(57,46,174)
```

Analogous Color

#a3ae2e
```
#a3ae2e rgb(163,174,46)
```
#2e63ae
```
#2e63ae rgb(46,99,174)
```
#ae392e
```
#ae392e rgb(174,57,46)
```

Split Complementary Color

#63ae2e
```
#63ae2e rgb(99,174,46)
```
#2e63ae
```
#2e63ae rgb(46,99,174)
```
#ae2e63
```
#ae2e63 rgb(174,46,99)
```

Triadic Color

#2eae79
```
#2eae79 rgb(46,174,121)
```
#2e63ae
```
#2e63ae rgb(46,99,174)
```
#ae2e63
```
#ae2e63 rgb(174,46,99)
```
#ae792e
```
#ae792e rgb(174,121,46)
```

Tetradic Color

#1e4171
```
#1e4171 rgb(30,65,113)
```
#234c86
```
#234c86 rgb(35,76,134)
```
#29589a
```
#29589a rgb(41,88,154)
```
#2e63ae
```
#2e63ae rgb(46,99,174)
```
#336ec2
```
#336ec2 rgb(51,110,194)
```
#427ccd
```
#427ccd rgb(66,124,205)
```
#568ad2
```
#568ad2 rgb(86,138,210)
```

Monochromatic Color

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

#2e83ae
```
#2e83ae rgb(46,131,174)
```
#2e78ae
```
#2e78ae rgb(46,120,174)
```
#2e6eae
```
#2e6eae rgb(46,110,174)
```
#2e63ae
```
#2e63ae rgb(46,99,174)
```
#2e58ae
```
#2e58ae rgb(46,88,174)
```
#2e4eae
```
#2e4eae rgb(46,78,174)
```
#2e43ae
```
#2e43ae rgb(46,67,174)
```

Similar Colors

Text with hexadecimal color #2e63ae

This text has a font color of #2e63ae.

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

#2e63ae background color

This paragraph has a background color of #2e63ae.

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

#2e63ae border color

This element has a border color of #2e63ae.

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

CSS codes

.text {color:#2e63ae;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050b13
```
#050b13 rgb(5,11,19)
```
#091422
```
#091422 rgb(9,20,34)
```
#0d1c32
```
#0d1c32 rgb(13,28,50)
```
#112541
```
#112541 rgb(17,37,65)
```
#152e51
```
#152e51 rgb(21,46,81)
```
#193760
```
#193760 rgb(25,55,96)
```
#1e4070
```
#1e4070 rgb(30,64,112)
```
#22497f
```
#22497f rgb(34,73,127)
```
#26518f
```
#26518f rgb(38,81,143)
```
#2a5a9e
```
#2a5a9e rgb(42,90,158)
```
#2e63ae
```
#2e63ae rgb(46,99,174)
```
#326cbe
```
#326cbe rgb(50,108,190)
```

Shade Color Variation

#3975cb
```
#3975cb rgb(57,117,203)
```
#4880cf
```
#4880cf rgb(72,128,207)
```
#588bd3
```
#588bd3 rgb(88,139,211)
```
#6795d7
```
#6795d7 rgb(103,149,215)
```
#77a0db
```
#77a0db rgb(119,160,219)
```
#86abdf
```
#86abdf rgb(134,171,223)
```
#96b6e3
```
#96b6e3 rgb(150,182,227)
```
#a5c1e7
```
#a5c1e7 rgb(165,193,231)
```
#b5cbeb
```
#b5cbeb rgb(181,203,235)
```
#c4d6ef
```
#c4d6ef rgb(196,214,239)
```
#d4e1f4
```
#d4e1f4 rgb(212,225,244)
```
#e3ecf8
```
#e3ecf8 rgb(227,236,248)
```
#f3f7fc
```
#f3f7fc rgb(243,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696d73 is the less saturated color, while #045cd8 is the most saturated one.

#696d73
```
#696d73 rgb(105,109,115)
```
#616c7b
```
#616c7b rgb(97,108,123)
```
#586a84
```
#586a84 rgb(88,106,132)
```
#50698c
```
#50698c rgb(80,105,140)
```
#476795
```
#476795 rgb(71,103,149)
```
#3f669d
```
#3f669d rgb(63,102,157)
```
#3664a6
```
#3664a6 rgb(54,100,166)
```
#2e63ae
```
#2e63ae rgb(46,99,174)
```
#2662b6
```
#2662b6 rgb(38,98,182)
```
#1d60bf
```
#1d60bf rgb(29,96,191)
```
#155fc7
```
#155fc7 rgb(21,95,199)
```
#0c5dd0
```
#0c5dd0 rgb(12,93,208)
```
#045cd8
```
#045cd8 rgb(4,92,216)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#535d6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4869b0 Protanopia 1% of men
#2a6cb1 Deuteranopia 1% of men
#00757d Tritanopia 0.001% of the population

Trichromacy

#3f66af Protanomaly 1% of men, 0.01% of women
#2b69b0 Deuteranomaly 6% of men, 0.4% of women
#106f8f Tritanomaly 0.01% of the population

#2e63ae hex color

#2e63ae Color Information

#2e63ae Color Conversion

Color Schemes with #2e63ae

Alternatives to #2e63ae

#2e63ae Preview

Shades and Tints of #2e63ae

Tones of #2e63ae

Color Blindness Simulator