#2e7bbf hex color

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

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

● #2e7bbf color description : Strong blue.

The hexadecimal color #2e7bbf has RGB values of R:46, G:123, B:191 and CMYK values of C:0.76, M:0.36, Y:0, K:0.25. Its decimal value is 3046335.

Hex triplet	2e7bbf	`#2e7bbf`
RGB Decimal	46, 123, 191	`rgb(46,123,191)`
RGB Percent	18, 48.2, 74.9	`rgb(18%,48.2%,74.9%)`
CMYK	76, 36, 0, 25
HSL	208.1°, 61.2, 46.5	`hsl(208.1,61.2%,46.5%)`
HSV (or HSB)	208.1°, 75.9, 74.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	50.105, 0.114, -42.287
XYZ	17.611, 18.507, 51.931
xyY	0.2, 0.21, 18.507
CIE-LCH	50.105, 42.288, 270.155
CIE-LUV	50.105, -27.126, -64.503
Hunter-Lab	43.02, -2.21, -41.458
Binary	00101110, 01111011, 10111111

#2e7bbf
```
#2e7bbf rgb(46,123,191)
```
#bf722e
```
#bf722e rgb(191,114,46)
```

Complementary Color

#2ebfbb
```
#2ebfbb rgb(46,191,187)
```
#2e7bbf
```
#2e7bbf rgb(46,123,191)
```
#2e33bf
```
#2e33bf rgb(46,51,191)
```

Analogous Color

#bfbb2e
```
#bfbb2e rgb(191,187,46)
```
#2e7bbf
```
#2e7bbf rgb(46,123,191)
```
#bf2e33
```
#bf2e33 rgb(191,46,51)
```

Split Complementary Color

#7bbf2e
```
#7bbf2e rgb(123,191,46)
```
#2e7bbf
```
#2e7bbf rgb(46,123,191)
```
#bf2e7b
```
#bf2e7b rgb(191,46,123)
```

Triadic Color

#2ebf72
```
#2ebf72 rgb(46,191,114)
```
#2e7bbf
```
#2e7bbf rgb(46,123,191)
```
#bf2e7b
```
#bf2e7b rgb(191,46,123)
```
#bf722e
```
#bf722e rgb(191,114,46)
```

Tetradic Color

#1f5381
```
#1f5381 rgb(31,83,129)
```
#246196
```
#246196 rgb(36,97,150)
```
#296eaa
```
#296eaa rgb(41,110,170)
```
#2e7bbf
```
#2e7bbf rgb(46,123,191)
```
#3888cf
```
#3888cf rgb(56,136,207)
```
#4c94d4
```
#4c94d4 rgb(76,148,212)
```
#61a0d9
```
#61a0d9 rgb(97,160,217)
```

Monochromatic Color

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

#2e9fbf
```
#2e9fbf rgb(46,159,191)
```
#2e93bf
```
#2e93bf rgb(46,147,191)
```
#2e87bf
```
#2e87bf rgb(46,135,191)
```
#2e7bbf
```
#2e7bbf rgb(46,123,191)
```
#2e6fbf
```
#2e6fbf rgb(46,111,191)
```
#2e63bf
```
#2e63bf rgb(46,99,191)
```
#2e57bf
```
#2e57bf rgb(46,87,191)
```

Similar Colors

Text with hexadecimal color #2e7bbf

This text has a font color of #2e7bbf.

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

#2e7bbf background color

This paragraph has a background color of #2e7bbf.

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

#2e7bbf border color

This element has a border color of #2e7bbf.

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

CSS codes

.text {color:#2e7bbf;}

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

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

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 #f0f6fc is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#040b11
```
#040b11 rgb(4,11,17)
```
#081521
```
#081521 rgb(8,21,33)
```
#0c1f31
```
#0c1f31 rgb(12,31,49)
```
#102a41
```
#102a41 rgb(16,42,65)
```
#133450
```
#133450 rgb(19,52,80)
```
#173e60
```
#173e60 rgb(23,62,96)
```
#1b4870
```
#1b4870 rgb(27,72,112)
```
#1f5280
```
#1f5280 rgb(31,82,128)
```
#235c90
```
#235c90 rgb(35,92,144)
```
#26679f
```
#26679f rgb(38,103,159)
```
#2a71af
```
#2a71af rgb(42,113,175)
```
#2e7bbf
```
#2e7bbf rgb(46,123,191)
```

Shade Color Variation

#3385ce
```
#3385ce rgb(51,133,206)
```
#438fd2
```
#438fd2 rgb(67,143,210)
```
#5298d5
```
#5298d5 rgb(82,152,213)
```
#62a1d9
```
#62a1d9 rgb(98,161,217)
```
#72abdd
```
#72abdd rgb(114,171,221)
```
#82b4e1
```
#82b4e1 rgb(130,180,225)
```
#92bee5
```
#92bee5 rgb(146,190,229)
```
#a1c7e8
```
#a1c7e8 rgb(161,199,232)
```
#b1d1ec
```
#b1d1ec rgb(177,209,236)
```
#c1daf0
```
#c1daf0 rgb(193,218,240)
```
#d1e3f4
```
#d1e3f4 rgb(209,227,244)
```
#e1edf8
```
#e1edf8 rgb(225,237,248)
```
#f0f6fc
```
#f0f6fc rgb(240,246,252)
```

Tint Color Variation

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

#6e777f
```
#6e777f rgb(110,119,127)
```
#657888
```
#657888 rgb(101,120,136)
```
#5c7891
```
#5c7891 rgb(92,120,145)
```
#52799b
```
#52799b rgb(82,121,155)
```
#4979a4
```
#4979a4 rgb(73,121,164)
```
#407aad
```
#407aad rgb(64,122,173)
```
#377ab6
```
#377ab6 rgb(55,122,182)
```
#2e7bbf
```
#2e7bbf rgb(46,123,191)
```
#257cc8
```
#257cc8 rgb(37,124,200)
```
#1c7cd1
```
#1c7cd1 rgb(28,124,209)
```
#137dda
```
#137dda rgb(19,125,218)
```
#0a7de3
```
#0a7de3 rgb(10,125,227)
```
#007eed
```
#007eed rgb(0,126,237)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#606f7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#637cbd Protanopia 1% of men
#507ec3 Deuteranopia 1% of men
#008a94 Tritanopia 0.001% of the population

Trichromacy

#507bbe Protanomaly 1% of men, 0.01% of women
#437dc1 Deuteranomaly 6% of men, 0.4% of women
#1084a3 Tritanomaly 0.01% of the population

#2e7bbf hex color

#2e7bbf Color Information

#2e7bbf Color Conversion

Color Schemes with #2e7bbf

Alternatives to #2e7bbf

#2e7bbf Preview

Shades and Tints of #2e7bbf

Tones of #2e7bbf

Color Blindness Simulator