#2e5bbf hex color

In a RGB color space, hex #2e5bbf is composed of 18% red, 35.7% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 52.4% magenta, 0% yellow and 25.1% black. It has a hue angle of 221.4 degrees, a saturation of 61.2% and a lightness of 46.5%. #2e5bbf color hex could be obtained by blending #5cb6ff with #00007f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 36
- B 75
RGB color chart
- C 76
- M 52
- Y 0
- K 25
CMYK color chart

● #2e5bbf color description : Strong blue.

The hexadecimal color #2e5bbf has RGB values of R:46, G:91, B:191 and CMYK values of C:0.76, M:0.52, Y:0, K:0.25. Its decimal value is 3038143.

Hex triplet	2e5bbf	`#2e5bbf`
RGB Decimal	46, 91, 191	`rgb(46,91,191)`
RGB Percent	18, 35.7, 74.9	`rgb(18%,35.7%,74.9%)`
CMYK	76, 52, 0, 25
HSL	221.4°, 61.2, 46.5	`hsl(221.4,61.2%,46.5%)`
HSV (or HSB)	221.4°, 75.9, 74.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.934, 20.337, -56.974
XYZ	14.27, 11.824, 50.817
xyY	0.186, 0.154, 11.824
CIE-LCH	40.934, 60.495, 289.644
CIE-LUV	40.934, -17.002, -84.647
Hunter-Lab	34.385, 13.902, -63.554
Binary	00101110, 01011011, 10111111

#2e5bbf
```
#2e5bbf rgb(46,91,191)
```
#bf922e
```
#bf922e rgb(191,146,46)
```

Complementary Color

#2ea4bf
```
#2ea4bf rgb(46,164,191)
```
#2e5bbf
```
#2e5bbf rgb(46,91,191)
```
#4a2ebf
```
#4a2ebf rgb(74,46,191)
```

Analogous Color

#a4bf2e
```
#a4bf2e rgb(164,191,46)
```
#2e5bbf
```
#2e5bbf rgb(46,91,191)
```
#bf4a2e
```
#bf4a2e rgb(191,74,46)
```

Split Complementary Color

#5bbf2e
```
#5bbf2e rgb(91,191,46)
```
#2e5bbf
```
#2e5bbf rgb(46,91,191)
```
#bf2e5b
```
#bf2e5b rgb(191,46,91)
```

Triadic Color

#2ebf92
```
#2ebf92 rgb(46,191,146)
```
#2e5bbf
```
#2e5bbf rgb(46,91,191)
```
#bf2e5b
```
#bf2e5b rgb(191,46,91)
```
#bf922e
```
#bf922e rgb(191,146,46)
```

Tetradic Color

#1f3e81
```
#1f3e81 rgb(31,62,129)
```
#244796
```
#244796 rgb(36,71,150)
```
#2951aa
```
#2951aa rgb(41,81,170)
```
#2e5bbf
```
#2e5bbf rgb(46,91,191)
```
#3867cf
```
#3867cf rgb(56,103,207)
```
#4c76d4
```
#4c76d4 rgb(76,118,212)
```
#6186d9
```
#6186d9 rgb(97,134,217)
```

Monochromatic Color

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

#2e7fbf
```
#2e7fbf rgb(46,127,191)
```
#2e73bf
```
#2e73bf rgb(46,115,191)
```
#2e67bf
```
#2e67bf rgb(46,103,191)
```
#2e5bbf
```
#2e5bbf rgb(46,91,191)
```
#2e4fbf
```
#2e4fbf rgb(46,79,191)
```
#2e43bf
```
#2e43bf rgb(46,67,191)
```
#2e37bf
```
#2e37bf rgb(46,55,191)
```

Similar Colors

Text with hexadecimal color #2e5bbf

This text has a font color of #2e5bbf.

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

#2e5bbf background color

This paragraph has a background color of #2e5bbf.

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

#2e5bbf border color

This element has a border color of #2e5bbf.

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

CSS codes

.text {color:#2e5bbf;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040811
```
#040811 rgb(4,8,17)
```
#081021
```
#081021 rgb(8,16,33)
```
#0c1731
```
#0c1731 rgb(12,23,49)
```
#101f41
```
#101f41 rgb(16,31,65)
```
#132650
```
#132650 rgb(19,38,80)
```
#172e60
```
#172e60 rgb(23,46,96)
```
#1b3570
```
#1b3570 rgb(27,53,112)
```
#1f3d80
```
#1f3d80 rgb(31,61,128)
```
#234490
```
#234490 rgb(35,68,144)
```
#264c9f
```
#264c9f rgb(38,76,159)
```
#2a53af
```
#2a53af rgb(42,83,175)
```
#2e5bbf
```
#2e5bbf rgb(46,91,191)
```

Shade Color Variation

#3363ce
```
#3363ce rgb(51,99,206)
```
#436fd2
```
#436fd2 rgb(67,111,210)
```
#527bd5
```
#527bd5 rgb(82,123,213)
```
#6287d9
```
#6287d9 rgb(98,135,217)
```
#7293dd
```
#7293dd rgb(114,147,221)
```
#829fe1
```
#829fe1 rgb(130,159,225)
```
#92abe5
```
#92abe5 rgb(146,171,229)
```
#a1b7e8
```
#a1b7e8 rgb(161,183,232)
```
#b1c4ec
```
#b1c4ec rgb(177,196,236)
```
#c1d0f0
```
#c1d0f0 rgb(193,208,240)
```
#d1dcf4
```
#d1dcf4 rgb(209,220,244)
```
#e1e8f8
```
#e1e8f8 rgb(225,232,248)
```
#f0f4fc
```
#f0f4fc rgb(240,244,252)
```

Tint Color Variation

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

#6e737f
```
#6e737f rgb(110,115,127)
```
#657088
```
#657088 rgb(101,112,136)
```
#5c6c91
```
#5c6c91 rgb(92,108,145)
```
#52699b
```
#52699b rgb(82,105,155)
```
#4965a4
```
#4965a4 rgb(73,101,164)
```
#4062ad
```
#4062ad rgb(64,98,173)
```
#375eb6
```
#375eb6 rgb(55,94,182)
```
#2e5bbf
```
#2e5bbf rgb(46,91,191)
```
#2558c8
```
#2558c8 rgb(37,88,200)
```
#1c54d1
```
#1c54d1 rgb(28,84,209)
```
#1351da
```
#1351da rgb(19,81,218)
```
#0a4de3
```
#0a4de3 rgb(10,77,227)
```
#004aed
```
#004aed rgb(0,74,237)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#50596d Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d65c4 Protanopia 1% of men
#006aaf Deuteranopia 1% of men
#00737a Tritanopia 0.001% of the population

Trichromacy

#2361c2 Protanomaly 1% of men, 0.01% of women
#1065b5 Deuteranomaly 6% of men, 0.4% of women
#106a93 Tritanomaly 0.01% of the population

#2e5bbf hex color

#2e5bbf Color Information

#2e5bbf Color Conversion

Color Schemes with #2e5bbf

Alternatives to #2e5bbf

#2e5bbf Preview

Shades and Tints of #2e5bbf

Tones of #2e5bbf

Color Blindness Simulator