#2e62bd hex color

In a RGB color space, hex #2e62bd is composed of 18% red, 38.4% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 48.1% magenta, 0% yellow and 25.9% black. It has a hue angle of 218.2 degrees, a saturation of 60.9% and a lightness of 46.1%. #2e62bd color hex could be obtained by blending #5cc4ff with #00007b. Closest websafe color is: #3366cc.

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

● #2e62bd color description : Strong blue.

The hexadecimal color #2e62bd has RGB values of R:46, G:98, B:189 and CMYK values of C:0.76, M:0.48, Y:0, K:0.26. Its decimal value is 3039933.

Hex triplet	2e62bd	`#2e62bd`
RGB Decimal	46, 98, 189	`rgb(46,98,189)`
RGB Percent	18, 38.4, 74.1	`rgb(18%,38.4%,74.1%)`
CMYK	76, 48, 0, 26
HSL	218.2°, 60.9, 46.1	`hsl(218.2,60.9%,46.1%)`
HSV (or HSB)	218.2°, 75.7, 74.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.747, 15.032, -52.884
XYZ	14.678, 12.989, 49.875
xyY	0.189, 0.168, 12.989
CIE-LCH	42.747, 54.978, 285.868
CIE-LUV	42.747, -19.097, -79.372
Hunter-Lab	36.041, 9.624, -56.82
Binary	00101110, 01100010, 10111101

#2e62bd
```
#2e62bd rgb(46,98,189)
```
#bd892e
```
#bd892e rgb(189,137,46)
```

Complementary Color

#2eaabd
```
#2eaabd rgb(46,170,189)
```
#2e62bd
```
#2e62bd rgb(46,98,189)
```
#422ebd
```
#422ebd rgb(66,46,189)
```

Analogous Color

#aabd2e
```
#aabd2e rgb(170,189,46)
```
#2e62bd
```
#2e62bd rgb(46,98,189)
```
#bd422e
```
#bd422e rgb(189,66,46)
```

Split Complementary Color

#62bd2e
```
#62bd2e rgb(98,189,46)
```
#2e62bd
```
#2e62bd rgb(46,98,189)
```
#bd2e62
```
#bd2e62 rgb(189,46,98)
```

Triadic Color

#2ebd89
```
#2ebd89 rgb(46,189,137)
```
#2e62bd
```
#2e62bd rgb(46,98,189)
```
#bd2e62
```
#bd2e62 rgb(189,46,98)
```
#bd892e
```
#bd892e rgb(189,137,46)
```

Tetradic Color

#1f427f
```
#1f427f rgb(31,66,127)
```
#244d94
```
#244d94 rgb(36,77,148)
```
#2957a8
```
#2957a8 rgb(41,87,168)
```
#2e62bd
```
#2e62bd rgb(46,98,189)
```
#366ece
```
#366ece rgb(54,110,206)
```
#4b7cd3
```
#4b7cd3 rgb(75,124,211)
```
#5f8bd8
```
#5f8bd8 rgb(95,139,216)
```

Monochromatic Color

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

#2e86bd
```
#2e86bd rgb(46,134,189)
```
#2e7abd
```
#2e7abd rgb(46,122,189)
```
#2e6ebd
```
#2e6ebd rgb(46,110,189)
```
#2e62bd
```
#2e62bd rgb(46,98,189)
```
#2e56bd
```
#2e56bd rgb(46,86,189)
```
#2e4abd
```
#2e4abd rgb(46,74,189)
```
#2e3ebd
```
#2e3ebd rgb(46,62,189)
```

Similar Colors

Text with hexadecimal color #2e62bd

This text has a font color of #2e62bd.

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

#2e62bd background color

This paragraph has a background color of #2e62bd.

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

#2e62bd border color

This element has a border color of #2e62bd.

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

CSS codes

.text {color:#2e62bd;}

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

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

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, #04080f is the darkest color, while #ffffff is the lightest one.

#04080f
```
#04080f rgb(4,8,15)
```
#08101f
```
#08101f rgb(8,16,31)
```
#0b182f
```
#0b182f rgb(11,24,47)
```
#0f213f
```
#0f213f rgb(15,33,63)
```
#13294f
```
#13294f rgb(19,41,79)
```
#17315e
```
#17315e rgb(23,49,94)
```
#1b396e
```
#1b396e rgb(27,57,110)
```
#1f417e
```
#1f417e rgb(31,65,126)
```
#22498e
```
#22498e rgb(34,73,142)
```
#26529d
```
#26529d rgb(38,82,157)
```
#2a5aad
```
#2a5aad rgb(42,90,173)
```
#2e62bd
```
#2e62bd rgb(46,98,189)
```
#326acd
```
#326acd rgb(50,106,205)
```

Shade Color Variation

#4176d1
```
#4176d1 rgb(65,118,209)
```
#5181d5
```
#5181d5 rgb(81,129,213)
```
#618cd9
```
#618cd9 rgb(97,140,217)
```
#7198dc
```
#7198dc rgb(113,152,220)
```
#80a3e0
```
#80a3e0 rgb(128,163,224)
```
#90afe4
```
#90afe4 rgb(144,175,228)
```
#a0bae8
```
#a0bae8 rgb(160,186,232)
```
#b0c6ec
```
#b0c6ec rgb(176,198,236)
```
#c0d1f0
```
#c0d1f0 rgb(192,209,240)
```
#cfdcf3
```
#cfdcf3 rgb(207,220,243)
```
#dfe8f7
```
#dfe8f7 rgb(223,232,247)
```
#eff3fb
```
#eff3fb rgb(239,243,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d737e is the less saturated color, while #0156ea is the most saturated one.

#6d737e
```
#6d737e rgb(109,115,126)
```
#647187
```
#647187 rgb(100,113,135)
```
#5b6e90
```
#5b6e90 rgb(91,110,144)
```
#526c99
```
#526c99 rgb(82,108,153)
```
#4969a2
```
#4969a2 rgb(73,105,162)
```
#4067ab
```
#4067ab rgb(64,103,171)
```
#3764b4
```
#3764b4 rgb(55,100,180)
```
#2e62bd
```
#2e62bd rgb(46,98,189)
```
#2560c6
```
#2560c6 rgb(37,96,198)
```
#1c5dcf
```
#1c5dcf rgb(28,93,207)
```
#135bd8
```
#135bd8 rgb(19,91,216)
```
#0a58e1
```
#0a58e1 rgb(10,88,225)
```
#0156ea
```
#0156ea rgb(1,86,234)
```

Tone Color Variation

Below, you can see how #2e62bd 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
#545e70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#396ac0 Protanopia 1% of men
#006eb7 Deuteranopia 1% of men
#00777f Tritanopia 0.001% of the population

Trichromacy

#3567bf Protanomaly 1% of men, 0.01% of women
#106ab9 Deuteranomaly 6% of men, 0.4% of women
#106f95 Tritanomaly 0.01% of the population

#2e62bd hex color

#2e62bd Color Information

#2e62bd Color Conversion

Color Schemes with #2e62bd

Alternatives to #2e62bd

#2e62bd Preview

Shades and Tints of #2e62bd

Tones of #2e62bd

Color Blindness Simulator