#2e7bc4 hex color

In a RGB color space, hex #2e7bc4 is composed of 18% red, 48.2% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 37.2% magenta, 0% yellow and 23.1% black. It has a hue angle of 209.2 degrees, a saturation of 62% and a lightness of 47.5%. #2e7bc4 color hex could be obtained by blending #5cf6ff with #000089. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 48
- B 77
RGB color chart
- C 77
- M 37
- Y 0
- K 23
CMYK color chart

● #2e7bc4 color description : Strong blue.

The hexadecimal color #2e7bc4 has RGB values of R:46, G:123, B:196 and CMYK values of C:0.77, M:0.37, Y:0, K:0.23. Its decimal value is 3046340.

Hex triplet	2e7bc4	`#2e7bc4`
RGB Decimal	46, 123, 196	`rgb(46,123,196)`
RGB Percent	18, 48.2, 76.9	`rgb(18%,48.2%,76.9%)`
CMYK	77, 37, 0, 23
HSL	209.2°, 62, 47.5	`hsl(209.2,62%,47.5%)`
HSV (or HSB)	209.2°, 76.5, 76.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	50.371, 1.958, -44.732
XYZ	18.171, 18.731, 54.879
xyY	0.198, 0.204, 18.731
CIE-LCH	50.371, 44.775, 272.506
CIE-LUV	50.371, -26.923, -68.654
Hunter-Lab	43.279, -0.794, -44.886
Binary	00101110, 01111011, 11000100

#2e7bc4
```
#2e7bc4 rgb(46,123,196)
```
#c4772e
```
#c4772e rgb(196,119,46)
```

Complementary Color

#2ec4c2
```
#2ec4c2 rgb(46,196,194)
```
#2e7bc4
```
#2e7bc4 rgb(46,123,196)
```
#2e30c4
```
#2e30c4 rgb(46,48,196)
```

Analogous Color

#c4c22e
```
#c4c22e rgb(196,194,46)
```
#2e7bc4
```
#2e7bc4 rgb(46,123,196)
```
#c42e30
```
#c42e30 rgb(196,46,48)
```

Split Complementary Color

#7bc42e
```
#7bc42e rgb(123,196,46)
```
#2e7bc4
```
#2e7bc4 rgb(46,123,196)
```
#c42e7b
```
#c42e7b rgb(196,46,123)
```

Triadic Color

#2ec477
```
#2ec477 rgb(46,196,119)
```
#2e7bc4
```
#2e7bc4 rgb(46,123,196)
```
#c42e7b
```
#c42e7b rgb(196,46,123)
```
#c4772e
```
#c4772e rgb(196,119,46)
```

Tetradic Color

#1f5486
```
#1f5486 rgb(31,84,134)
```
#24619b
```
#24619b rgb(36,97,155)
```
#296eaf
```
#296eaf rgb(41,110,175)
```
#2e7bc4
```
#2e7bc4 rgb(46,123,196)
```
#3b88d1
```
#3b88d1 rgb(59,136,209)
```
#4f94d6
```
#4f94d6 rgb(79,148,214)
```
#64a1db
```
#64a1db rgb(100,161,219)
```

Monochromatic Color

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

#2ea1c4
```
#2ea1c4 rgb(46,161,196)
```
#2e94c4
```
#2e94c4 rgb(46,148,196)
```
#2e88c4
```
#2e88c4 rgb(46,136,196)
```
#2e7bc4
```
#2e7bc4 rgb(46,123,196)
```
#2e6fc4
```
#2e6fc4 rgb(46,111,196)
```
#2e62c4
```
#2e62c4 rgb(46,98,196)
```
#2e55c4
```
#2e55c4 rgb(46,85,196)
```

Similar Colors

Text with hexadecimal color #2e7bc4

This text has a font color of #2e7bc4.

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

#2e7bc4 background color

This paragraph has a background color of #2e7bc4.

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

#2e7bc4 border color

This element has a border color of #2e7bc4.

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

CSS codes

.text {color:#2e7bc4;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#050d15
```
#050d15 rgb(5,13,21)
```
#091725
```
#091725 rgb(9,23,37)
```
#0c2135
```
#0c2135 rgb(12,33,53)
```
#102b45
```
#102b45 rgb(16,43,69)
```
#143555
```
#143555 rgb(20,53,85)
```
#183f65
```
#183f65 rgb(24,63,101)
```
#1b4975
```
#1b4975 rgb(27,73,117)
```
#1f5384
```
#1f5384 rgb(31,83,132)
```
#235d94
```
#235d94 rgb(35,93,148)
```
#2767a4
```
#2767a4 rgb(39,103,164)
```
#2a71b4
```
#2a71b4 rgb(42,113,180)
```
#2e7bc4
```
#2e7bc4 rgb(46,123,196)
```

Shade Color Variation

#3685d0
```
#3685d0 rgb(54,133,208)
```
#468fd4
```
#468fd4 rgb(70,143,212)
```
#5698d7
```
#5698d7 rgb(86,152,215)
```
#65a2db
```
#65a2db rgb(101,162,219)
```
#75abdf
```
#75abdf rgb(117,171,223)
```
#85b5e2
```
#85b5e2 rgb(133,181,226)
```
#95bfe6
```
#95bfe6 rgb(149,191,230)
```
#a5c8ea
```
#a5c8ea rgb(165,200,234)
```
#b5d2ee
```
#b5d2ee rgb(181,210,238)
```
#c5dcf1
```
#c5dcf1 rgb(197,220,241)
```
#d5e5f5
```
#d5e5f5 rgb(213,229,245)
```
#e5eff9
```
#e5eff9 rgb(229,239,249)
```
#f4f9fd
```
#f4f9fd rgb(244,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #78797a is the less saturated color, while #097ce9 is the most saturated one.

#78797a
```
#78797a rgb(120,121,122)
```
#6f7983
```
#6f7983 rgb(111,121,131)
```
#667a8c
```
#667a8c rgb(102,122,140)
```
#5d7a95
```
#5d7a95 rgb(93,122,149)
```
#537a9f
```
#537a9f rgb(83,122,159)
```
#4a7aa8
```
#4a7aa8 rgb(74,122,168)
```
#417bb1
```
#417bb1 rgb(65,123,177)
```
#377bbb
```
#377bbb rgb(55,123,187)
```
#2e7bc4
```
#2e7bc4 rgb(46,123,196)
```
#257bcd
```
#257bcd rgb(37,123,205)
```
#1b7bd7
```
#1b7bd7 rgb(27,123,215)
```
#127ce0
```
#127ce0 rgb(18,124,224)
```
#097ce9
```
#097ce9 rgb(9,124,233)
```

Tone Color Variation

Below, you can see how #2e7bc4 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
#606f7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#617cc2 Protanopia 1% of men
#4a7fc8 Deuteranopia 1% of men
#008b94 Tritanopia 0.001% of the population

Trichromacy

#4e7cc3 Protanomaly 1% of men, 0.01% of women
#407dc6 Deuteranomaly 6% of men, 0.4% of women
#1085a5 Tritanomaly 0.01% of the population

#2e7bc4 hex color

#2e7bc4 Color Information

#2e7bc4 Color Conversion

Color Schemes with #2e7bc4

Alternatives to #2e7bc4

#2e7bc4 Preview

Shades and Tints of #2e7bc4

Tones of #2e7bc4

Color Blindness Simulator