#2e7781 hex color

In a RGB color space, hex #2e7781 is composed of 18% red, 46.7% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 7.8% magenta, 0% yellow and 49.4% black. It has a hue angle of 187.2 degrees, a saturation of 47.4% and a lightness of 34.3%. #2e7781 color hex could be obtained by blending #5ceeff with #000003. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 47
- B 51
RGB color chart
- C 64
- M 8
- Y 0
- K 49
CMYK color chart

● #2e7781 color description : Dark moderate cyan.

The hexadecimal color #2e7781 has RGB values of R:46, G:119, B:129 and CMYK values of C:0.64, M:0.08, Y:0, K:0.49. Its decimal value is 3045249.

Hex triplet	2e7781	`#2e7781`
RGB Decimal	46, 119, 129	`rgb(46,119,129)`
RGB Percent	18, 46.7, 50.6	`rgb(18%,46.7%,50.6%)`
CMYK	64, 8, 0, 49
HSL	187.2°, 47.4, 34.3	`hsl(187.2,47.4%,34.3%)`
HSV (or HSB)	187.2°, 64.3, 50.6
Web Safe	336699	`#336699`

CIE-LAB	46.121, -19.147, -12.206
XYZ	11.685, 15.359, 23.116
xyY	0.233, 0.306, 15.359
CIE-LCH	46.121, 22.707, 212.517
CIE-LUV	46.121, -28.63, -14.669
Hunter-Lab	39.19, -15.361, -7.539
Binary	00101110, 01110111, 10000001

#2e7781
```
#2e7781 rgb(46,119,129)
```
#81382e
```
#81382e rgb(129,56,46)
```

Complementary Color

#2e8161
```
#2e8161 rgb(46,129,97)
```
#2e7781
```
#2e7781 rgb(46,119,129)
```
#2e4e81
```
#2e4e81 rgb(46,78,129)
```

Analogous Color

#81622e
```
#81622e rgb(129,98,46)
```
#2e7781
```
#2e7781 rgb(46,119,129)
```
#812e4e
```
#812e4e rgb(129,46,78)
```

Split Complementary Color

#77812e
```
#77812e rgb(119,129,46)
```
#2e7781
```
#2e7781 rgb(46,119,129)
```
#812e77
```
#812e77 rgb(129,46,119)
```

Triadic Color

#2e8138
```
#2e8138 rgb(46,129,56)
```
#2e7781
```
#2e7781 rgb(46,119,129)
```
#812e77
```
#812e77 rgb(129,46,119)
```
#81382e
```
#81382e rgb(129,56,46)
```

Tetradic Color

#1a4349
```
#1a4349 rgb(26,67,73)
```
#21545b
```
#21545b rgb(33,84,91)
```
#27666e
```
#27666e rgb(39,102,110)
```
#2e7781
```
#2e7781 rgb(46,119,129)
```
#358894
```
#358894 rgb(53,136,148)
```
#3b9aa7
```
#3b9aa7 rgb(59,154,167)
```
#42abb9
```
#42abb9 rgb(66,171,185)
```

Monochromatic Color

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

#2e8176
```
#2e8176 rgb(46,129,118)
```
#2e817d
```
#2e817d rgb(46,129,125)
```
#2e7e81
```
#2e7e81 rgb(46,126,129)
```
#2e7781
```
#2e7781 rgb(46,119,129)
```
#2e7081
```
#2e7081 rgb(46,112,129)
```
#2e6981
```
#2e6981 rgb(46,105,129)
```
#2e6281
```
#2e6281 rgb(46,98,129)
```

Similar Colors

Text with hexadecimal color #2e7781

This text has a font color of #2e7781.

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

#2e7781 background color

This paragraph has a background color of #2e7781.

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

#2e7781 border color

This element has a border color of #2e7781.

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

CSS codes

.text {color:#2e7781;}

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

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

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, #050c0d is the darkest color, while #feffff is the lightest one.

#050c0d
```
#050c0d rgb(5,12,13)
```
#0a1a1c
```
#0a1a1c rgb(10,26,28)
```
#0f272a
```
#0f272a rgb(15,39,42)
```
#143439
```
#143439 rgb(20,52,57)
```
#194247
```
#194247 rgb(25,66,71)
```
#1f4f56
```
#1f4f56 rgb(31,79,86)
```
#245c64
```
#245c64 rgb(36,92,100)
```
#296a73
```
#296a73 rgb(41,106,115)
```
#2e7781
```
#2e7781 rgb(46,119,129)
```
#33848f
```
#33848f rgb(51,132,143)
```
#38929e
```
#38929e rgb(56,146,158)
```
#3d9fac
```
#3d9fac rgb(61,159,172)
```
#43acbb
```
#43acbb rgb(67,172,187)
```

Shade Color Variation

#50b3c1
```
#50b3c1 rgb(80,179,193)
```
#5fb9c6
```
#5fb9c6 rgb(95,185,198)
```
#6dc0cb
```
#6dc0cb rgb(109,192,203)
```
#7cc6d0
```
#7cc6d0 rgb(124,198,208)
```
#8accd5
```
#8accd5 rgb(138,204,213)
```
#99d3db
```
#99d3db rgb(153,211,219)
```
#a7d9e0
```
#a7d9e0 rgb(167,217,224)
```
#b6dfe5
```
#b6dfe5 rgb(182,223,229)
```
#c4e5ea
```
#c4e5ea rgb(196,229,234)
```
#d2ecef
```
#d2ecef rgb(210,236,239)
```
#e1f2f4
```
#e1f2f4 rgb(225,242,244)
```
#eff8f9
```
#eff8f9 rgb(239,248,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565859 is the less saturated color, while #0696a9 is the most saturated one.

#565859
```
#565859 rgb(86,88,89)
```
#505d5f
```
#505d5f rgb(80,93,95)
```
#496366
```
#496366 rgb(73,99,102)
```
#42686d
```
#42686d rgb(66,104,109)
```
#3b6d74
```
#3b6d74 rgb(59,109,116)
```
#35727a
```
#35727a rgb(53,114,122)
```
#2e7781
```
#2e7781 rgb(46,119,129)
```
#277c88
```
#277c88 rgb(39,124,136)
```
#21818e
```
#21818e rgb(33,129,142)
```
#1a8695
```
#1a8695 rgb(26,134,149)
```
#138b9c
```
#138b9c rgb(19,139,156)
```
#0c91a3
```
#0c91a3 rgb(12,145,163)
```
#0696a9
```
#0696a9 rgb(6,150,169)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#586668 Atypical Achromatopsia 0.001% of the population

Dichromacy

#727481 Protanopia 1% of men
#73728b Deuteranopia 1% of men
#387e87 Tritanopia 0.001% of the population

Trichromacy

#597581 Protanomaly 1% of men, 0.01% of women
#5a7487 Deuteranomaly 6% of men, 0.4% of women
#347b85 Tritanomaly 0.01% of the population

#2e7781 hex color

#2e7781 Color Information

#2e7781 Color Conversion

Color Schemes with #2e7781

Alternatives to #2e7781

#2e7781 Preview

Shades and Tints of #2e7781

Tones of #2e7781

Color Blindness Simulator