#2e6286 hex color

In a RGB color space, hex #2e6286 is composed of 18% red, 38.4% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 26.9% magenta, 0% yellow and 47.5% black. It has a hue angle of 204.5 degrees, a saturation of 48.9% and a lightness of 35.3%. #2e6286 color hex could be obtained by blending #5cc4ff with #00000d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 38
- B 53
RGB color chart
- C 66
- M 27
- Y 0
- K 47
CMYK color chart

● #2e6286 color description : Dark moderate blue.

The hexadecimal color #2e6286 has RGB values of R:46, G:98, B:134 and CMYK values of C:0.66, M:0.27, Y:0, K:0.47. Its decimal value is 3039878.

Hex triplet	2e6286	`#2e6286`
RGB Decimal	46, 98, 134	`rgb(46,98,134)`
RGB Percent	18, 38.4, 52.5	`rgb(18%,38.4%,52.5%)`
CMYK	66, 27, 0, 47
HSL	204.5°, 48.9, 35.3	`hsl(204.5,48.9%,35.3%)`
HSV (or HSB)	204.5°, 65.7, 52.5
Web Safe	336699	`#336699`

CIE-LAB	39.642, -5.407, -25.158
XYZ	9.796, 11.037, 24.167
xyY	0.218, 0.245, 11.037
CIE-LCH	39.642, 25.732, 257.869
CIE-LUV	39.642, -20.478, -34.819
Hunter-Lab	33.222, -5.501, -19.875
Binary	00101110, 01100010, 10000110

#2e6286
```
#2e6286 rgb(46,98,134)
```
#86522e
```
#86522e rgb(134,82,46)
```

Complementary Color

#2e867e
```
#2e867e rgb(46,134,126)
```
#2e6286
```
#2e6286 rgb(46,98,134)
```
#2e3686
```
#2e3686 rgb(46,54,134)
```

Analogous Color

#867e2e
```
#867e2e rgb(134,126,46)
```
#2e6286
```
#2e6286 rgb(46,98,134)
```
#862e36
```
#862e36 rgb(134,46,54)
```

Split Complementary Color

#62862e
```
#62862e rgb(98,134,46)
```
#2e6286
```
#2e6286 rgb(46,98,134)
```
#862e62
```
#862e62 rgb(134,46,98)
```

Triadic Color

#2e8652
```
#2e8652 rgb(46,134,82)
```
#2e6286
```
#2e6286 rgb(46,98,134)
```
#862e62
```
#862e62 rgb(134,46,98)
```
#86522e
```
#86522e rgb(134,82,46)
```

Tetradic Color

#1a384d
```
#1a384d rgb(26,56,77)
```
#214660
```
#214660 rgb(33,70,96)
```
#275473
```
#275473 rgb(39,84,115)
```
#2e6286
```
#2e6286 rgb(46,98,134)
```
#357099
```
#357099 rgb(53,112,153)
```
#3b7eac
```
#3b7eac rgb(59,126,172)
```
#428cbe
```
#428cbe rgb(66,140,190)
```

Monochromatic Color

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

#2e7886
```
#2e7886 rgb(46,120,134)
```
#2e7186
```
#2e7186 rgb(46,113,134)
```
#2e6986
```
#2e6986 rgb(46,105,134)
```
#2e6286
```
#2e6286 rgb(46,98,134)
```
#2e5b86
```
#2e5b86 rgb(46,91,134)
```
#2e5386
```
#2e5386 rgb(46,83,134)
```
#2e4c86
```
#2e4c86 rgb(46,76,134)
```

Similar Colors

Text with hexadecimal color #2e6286

This text has a font color of #2e6286.

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

#2e6286 background color

This paragraph has a background color of #2e6286.

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

#2e6286 border color

This element has a border color of #2e6286.

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

CSS codes

.text {color:#2e6286;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060d11
```
#060d11 rgb(6,13,17)
```
#0b1720
```
#0b1720 rgb(11,23,32)
```
#10222e
```
#10222e rgb(16,34,46)
```
#152d3d
```
#152d3d rgb(21,45,61)
```
#1a374c
```
#1a374c rgb(26,55,76)
```
#1f425a
```
#1f425a rgb(31,66,90)
```
#244d69
```
#244d69 rgb(36,77,105)
```
#295777
```
#295777 rgb(41,87,119)
```
#2e6286
```
#2e6286 rgb(46,98,134)
```
#336d95
```
#336d95 rgb(51,109,149)
```
#3877a3
```
#3877a3 rgb(56,119,163)
```
#3d82b2
```
#3d82b2 rgb(61,130,178)
```

Shade Color Variation

#448cbf
```
#448cbf rgb(68,140,191)
```
#5295c4
```
#5295c4 rgb(82,149,196)
```
#619ec9
```
#619ec9 rgb(97,158,201)
```
#70a7ce
```
#70a7ce rgb(112,167,206)
```
#7eb0d3
```
#7eb0d3 rgb(126,176,211)
```
#8db9d8
```
#8db9d8 rgb(141,185,216)
```
#9bc2dd
```
#9bc2dd rgb(155,194,221)
```
#aacbe2
```
#aacbe2 rgb(170,203,226)
```
#b9d4e7
```
#b9d4e7 rgb(185,212,231)
```
#c7ddec
```
#c7ddec rgb(199,221,236)
```
#d6e6f1
```
#d6e6f1 rgb(214,230,241)
```
#e4eff6
```
#e4eff6 rgb(228,239,246)
```
#f3f8fb
```
#f3f8fb rgb(243,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585a5c is the less saturated color, while #046ab0 is the most saturated one.

#585a5c
```
#585a5c rgb(88,90,92)
```
#515c63
```
#515c63 rgb(81,92,99)
```
#4a5d6a
```
#4a5d6a rgb(74,93,106)
```
#435e71
```
#435e71 rgb(67,94,113)
```
#3c5f78
```
#3c5f78 rgb(60,95,120)
```
#35617f
```
#35617f rgb(53,97,127)
```
#2e6286
```
#2e6286 rgb(46,98,134)
```
#27638d
```
#27638d rgb(39,99,141)
```
#206594
```
#206594 rgb(32,101,148)
```
#19669b
```
#19669b rgb(25,102,155)
```
#1267a2
```
#1267a2 rgb(18,103,162)
```
#0b68a9
```
#0b68a9 rgb(11,104,169)
```
#046ab0
```
#046ab0 rgb(4,106,176)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4f5960 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a6488 Protanopia 1% of men
#54658e Deuteranopia 1% of men
#2a6e76 Tritanopia 0.001% of the population

Trichromacy

#4a6387 Protanomaly 1% of men, 0.01% of women
#46638b Deuteranomaly 6% of men, 0.4% of women
#2b697c Tritanomaly 0.01% of the population

#2e6286 hex color

#2e6286 Color Information

#2e6286 Color Conversion

Color Schemes with #2e6286

Alternatives to #2e6286

#2e6286 Preview

Shades and Tints of #2e6286

Tones of #2e6286

Color Blindness Simulator