#2e688f hex color

In a RGB color space, hex #2e688f is composed of 18% red, 40.8% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 67.8% cyan, 27.3% magenta, 0% yellow and 43.9% black. It has a hue angle of 204.1 degrees, a saturation of 51.3% and a lightness of 37.1%. #2e688f color hex could be obtained by blending #5cd0ff with #00001f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 41
- B 56
RGB color chart
- C 68
- M 27
- Y 0
- K 44
CMYK color chart

● #2e688f color description : Dark moderate blue.

The hexadecimal color #2e688f has RGB values of R:46, G:104, B:143 and CMYK values of C:0.68, M:0.27, Y:0, K:0.44. Its decimal value is 3041423.

Hex triplet	2e688f	`#2e688f`
RGB Decimal	46, 104, 143	`rgb(46,104,143)`
RGB Percent	18, 40.8, 56.1	`rgb(18%,40.8%,56.1%)`
CMYK	68, 27, 0, 44
HSL	204.1°, 51.3, 37.1	`hsl(204.1,51.3%,37.1%)`
HSV (or HSB)	204.1°, 67.8, 56.1
Web Safe	336699	`#336699`

CIE-LAB	41.944, -5.848, -26.99
XYZ	11.034, 12.464, 27.809
xyY	0.215, 0.243, 12.464
CIE-LCH	41.944, 27.617, 257.776
CIE-LUV	41.944, -22.361, -38.024
Hunter-Lab	35.304, -5.995, -21.99
Binary	00101110, 01101000, 10001111

#2e688f
```
#2e688f rgb(46,104,143)
```
#8f552e
```
#8f552e rgb(143,85,46)
```

Complementary Color

#2e8f86
```
#2e8f86 rgb(46,143,134)
```
#2e688f
```
#2e688f rgb(46,104,143)
```
#2e388f
```
#2e388f rgb(46,56,143)
```

Analogous Color

#8f862e
```
#8f862e rgb(143,134,46)
```
#2e688f
```
#2e688f rgb(46,104,143)
```
#8f2e38
```
#8f2e38 rgb(143,46,56)
```

Split Complementary Color

#688f2e
```
#688f2e rgb(104,143,46)
```
#2e688f
```
#2e688f rgb(46,104,143)
```
#8f2e68
```
#8f2e68 rgb(143,46,104)
```

Triadic Color

#2e8f55
```
#2e8f55 rgb(46,143,85)
```
#2e688f
```
#2e688f rgb(46,104,143)
```
#8f2e68
```
#8f2e68 rgb(143,46,104)
```
#8f552e
```
#8f552e rgb(143,85,46)
```

Tetradic Color

#1b3e55
```
#1b3e55 rgb(27,62,85)
```
#224c68
```
#224c68 rgb(34,76,104)
```
#285a7c
```
#285a7c rgb(40,90,124)
```
#2e688f
```
#2e688f rgb(46,104,143)
```
#3476a2
```
#3476a2 rgb(52,118,162)
```
#3a84b6
```
#3a84b6 rgb(58,132,182)
```
#4691c3
```
#4691c3 rgb(70,145,195)
```

Monochromatic Color

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

#2e808f
```
#2e808f rgb(46,128,143)
```
#2e788f
```
#2e788f rgb(46,120,143)
```
#2e708f
```
#2e708f rgb(46,112,143)
```
#2e688f
```
#2e688f rgb(46,104,143)
```
#2e608f
```
#2e608f rgb(46,96,143)
```
#2e588f
```
#2e588f rgb(46,88,143)
```
#2e508f
```
#2e508f rgb(46,80,143)
```

Similar Colors

Text with hexadecimal color #2e688f

This text has a font color of #2e688f.

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

#2e688f background color

This paragraph has a background color of #2e688f.

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

#2e688f border color

This element has a border color of #2e688f.

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

CSS codes

.text {color:#2e688f;}

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

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

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

#030709
```
#030709 rgb(3,7,9)
```
#081218
```
#081218 rgb(8,18,24)
```
#0d1c27
```
#0d1c27 rgb(13,28,39)
```
#112736
```
#112736 rgb(17,39,54)
```
#163245
```
#163245 rgb(22,50,69)
```
#1b3d54
```
#1b3d54 rgb(27,61,84)
```
#204862
```
#204862 rgb(32,72,98)
```
#245271
```
#245271 rgb(36,82,113)
```
#295d80
```
#295d80 rgb(41,93,128)
```
#2e688f
```
#2e688f rgb(46,104,143)
```
#33739e
```
#33739e rgb(51,115,158)
```
#387ead
```
#387ead rgb(56,126,173)
```
#3c88bc
```
#3c88bc rgb(60,136,188)
```

Shade Color Variation

#4792c4
```
#4792c4 rgb(71,146,196)
```
#569bc9
```
#569bc9 rgb(86,155,201)
```
#65a4ce
```
#65a4ce rgb(101,164,206)
```
#74acd2
```
#74acd2 rgb(116,172,210)
```
#83b5d7
```
#83b5d7 rgb(131,181,215)
```
#92bedc
```
#92bedc rgb(146,190,220)
```
#a1c7e1
```
#a1c7e1 rgb(161,199,225)
```
#afd0e5
```
#afd0e5 rgb(175,208,229)
```
#bed8ea
```
#bed8ea rgb(190,216,234)
```
#cde1ef
```
#cde1ef rgb(205,225,239)
```
#dceaf4
```
#dceaf4 rgb(220,234,244)
```
#ebf3f8
```
#ebf3f8 rgb(235,243,248)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5f63 is the less saturated color, while #0271bb is the most saturated one.

#5a5f63
```
#5a5f63 rgb(90,95,99)
```
#52616b
```
#52616b rgb(82,97,107)
```
#4b6272
```
#4b6272 rgb(75,98,114)
```
#446479
```
#446479 rgb(68,100,121)
```
#3d6580
```
#3d6580 rgb(61,101,128)
```
#356788
```
#356788 rgb(53,103,136)
```
#2e688f
```
#2e688f rgb(46,104,143)
```
#276996
```
#276996 rgb(39,105,150)
```
#1f6b9e
```
#1f6b9e rgb(31,107,158)
```
#186ca5
```
#186ca5 rgb(24,108,165)
```
#116eac
```
#116eac rgb(17,110,172)
```
#0a6fb3
```
#0a6fb3 rgb(10,111,179)
```
#0271bb
```
#0271bb rgb(2,113,187)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#525e65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6990 Protanopia 1% of men
#576a97 Deuteranopia 1% of men
#26747d Tritanopia 0.001% of the population

Trichromacy

#4c698f Protanomaly 1% of men, 0.01% of women
#486994 Deuteranomaly 6% of men, 0.4% of women
#296f83 Tritanomaly 0.01% of the population

#2e688f hex color

#2e688f Color Information

#2e688f Color Conversion

Color Schemes with #2e688f

Alternatives to #2e688f

#2e688f Preview

Shades and Tints of #2e688f

Tones of #2e688f

Color Blindness Simulator