#2e8fa9 hex color

In a RGB color space, hex #2e8fa9 is composed of 18% red, 56.1% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 72.8% cyan, 15.4% magenta, 0% yellow and 33.7% black. It has a hue angle of 192.7 degrees, a saturation of 57.2% and a lightness of 42.2%. #2e8fa9 color hex could be obtained by blending #5cffff with #001f53. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 56
- B 66
RGB color chart
- C 73
- M 15
- Y 0
- K 34
CMYK color chart

● #2e8fa9 color description : Dark cyan.

The hexadecimal color #2e8fa9 has RGB values of R:46, G:143, B:169 and CMYK values of C:0.73, M:0.15, Y:0, K:0.34. Its decimal value is 3051433.

Hex triplet	2e8fa9	`#2e8fa9`
RGB Decimal	46, 143, 169	`rgb(46,143,169)`
RGB Percent	18, 56.1, 66.3	`rgb(18%,56.1%,66.3%)`
CMYK	73, 15, 0, 34
HSL	192.7°, 57.2, 42.2	`hsl(192.7,57.2%,42.2%)`
HSV (or HSB)	192.7°, 72.8, 66.3
Web Safe	339999	`#339999`

CIE-LAB	55.164, -19.031, -21.77
XYZ	18.109, 23.089, 41.036
xyY	0.22, 0.281, 23.089
CIE-LCH	55.164, 28.916, 228.84
CIE-LUV	55.164, -35.333, -30.209
Hunter-Lab	48.051, -16.818, -16.999
Binary	00101110, 10001111, 10101001

#2e8fa9
```
#2e8fa9 rgb(46,143,169)
```
#a9482e
```
#a9482e rgb(169,72,46)
```

Complementary Color

#2ea986
```
#2ea986 rgb(46,169,134)
```
#2e8fa9
```
#2e8fa9 rgb(46,143,169)
```
#2e52a9
```
#2e52a9 rgb(46,82,169)
```

Analogous Color

#a9862e
```
#a9862e rgb(169,134,46)
```
#2e8fa9
```
#2e8fa9 rgb(46,143,169)
```
#a92e52
```
#a92e52 rgb(169,46,82)
```

Split Complementary Color

#8fa92e
```
#8fa92e rgb(143,169,46)
```
#2e8fa9
```
#2e8fa9 rgb(46,143,169)
```
#a92e8f
```
#a92e8f rgb(169,46,143)
```

Triadic Color

#2ea948
```
#2ea948 rgb(46,169,72)
```
#2e8fa9
```
#2e8fa9 rgb(46,143,169)
```
#a92e8f
```
#a92e8f rgb(169,46,143)
```
#a9482e
```
#a9482e rgb(169,72,46)
```

Tetradic Color

#1e5c6d
```
#1e5c6d rgb(30,92,109)
```
#236d81
```
#236d81 rgb(35,109,129)
```
#297e95
```
#297e95 rgb(41,126,149)
```
#2e8fa9
```
#2e8fa9 rgb(46,143,169)
```
#33a0bd
```
#33a0bd rgb(51,160,189)
```
#3fadcb
```
#3fadcb rgb(63,173,203)
```
#53b6d0
```
#53b6d0 rgb(83,182,208)
```

Monochromatic Color

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

#2ea9a4
```
#2ea9a4 rgb(46,169,164)
```
#2ea4a9
```
#2ea4a9 rgb(46,164,169)
```
#2e99a9
```
#2e99a9 rgb(46,153,169)
```
#2e8fa9
```
#2e8fa9 rgb(46,143,169)
```
#2e85a9
```
#2e85a9 rgb(46,133,169)
```
#2e7ba9
```
#2e7ba9 rgb(46,123,169)
```
#2e70a9
```
#2e70a9 rgb(46,112,169)
```

Similar Colors

Text with hexadecimal color #2e8fa9

This text has a font color of #2e8fa9.

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

#2e8fa9 background color

This paragraph has a background color of #2e8fa9.

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

#2e8fa9 border color

This element has a border color of #2e8fa9.

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

CSS codes

.text {color:#2e8fa9;}

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

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

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

#040d0f
```
#040d0f rgb(4,13,15)
```
#081a1e
```
#081a1e rgb(8,26,30)
```
#0c272e
```
#0c272e rgb(12,39,46)
```
#11343d
```
#11343d rgb(17,52,61)
```
#15414c
```
#15414c rgb(21,65,76)
```
#194e5c
```
#194e5c rgb(25,78,92)
```
#1d5b6b
```
#1d5b6b rgb(29,91,107)
```
#21687b
```
#21687b rgb(33,104,123)
```
#26758a
```
#26758a rgb(38,117,138)
```
#2a829a
```
#2a829a rgb(42,130,154)
```
#2e8fa9
```
#2e8fa9 rgb(46,143,169)
```
#329cb8
```
#329cb8 rgb(50,156,184)
```
#36a9c8
```
#36a9c8 rgb(54,169,200)
```

Shade Color Variation

#45b0cc
```
#45b0cc rgb(69,176,204)
```
#55b6d1
```
#55b6d1 rgb(85,182,209)
```
#64bdd5
```
#64bdd5 rgb(100,189,213)
```
#74c4d9
```
#74c4d9 rgb(116,196,217)
```
#83cadd
```
#83cadd rgb(131,202,221)
```
#92d1e1
```
#92d1e1 rgb(146,209,225)
```
#a2d7e6
```
#a2d7e6 rgb(162,215,230)
```
#b1deea
```
#b1deea rgb(177,222,234)
```
#c1e4ee
```
#c1e4ee rgb(193,228,238)
```
#d0ebf2
```
#d0ebf2 rgb(208,235,242)
```
#e0f2f6
```
#e0f2f6 rgb(224,242,246)
```
#eff8fb
```
#eff8fb rgb(239,248,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686e6f is the less saturated color, while #05a7d2 is the most saturated one.

#686e6f
```
#686e6f rgb(104,110,111)
```
#607277
```
#607277 rgb(96,114,119)
```
#577780
```
#577780 rgb(87,119,128)
```
#4f7c88
```
#4f7c88 rgb(79,124,136)
```
#478190
```
#478190 rgb(71,129,144)
```
#3f8598
```
#3f8598 rgb(63,133,152)
```
#368aa1
```
#368aa1 rgb(54,138,161)
```
#2e8fa9
```
#2e8fa9 rgb(46,143,169)
```
#2694b1
```
#2694b1 rgb(38,148,177)
```
#1d99ba
```
#1d99ba rgb(29,153,186)
```
#159dc2
```
#159dc2 rgb(21,157,194)
```
#0da2ca
```
#0da2ca rgb(13,162,202)
```
#05a7d2
```
#05a7d2 rgb(5,167,210)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#677a7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8389a6 Protanopia 1% of men
#8088b2 Deuteranopia 1% of men
#2e96a1 Tritanopia 0.001% of the population

Trichromacy

#648ba7 Protanomaly 1% of men, 0.01% of women
#628aae Deuteranomaly 6% of men, 0.4% of women
#2e94a4 Tritanomaly 0.01% of the population

#2e8fa9 hex color

#2e8fa9 Color Information

#2e8fa9 Color Conversion

Color Schemes with #2e8fa9

Alternatives to #2e8fa9

#2e8fa9 Preview

Shades and Tints of #2e8fa9

Tones of #2e8fa9

Color Blindness Simulator