#2eb3c4 hex color

In a RGB color space, hex #2eb3c4 is composed of 18% red, 70.2% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 8.7% magenta, 0% yellow and 23.1% black. It has a hue angle of 186.8 degrees, a saturation of 62% and a lightness of 47.5%. #2eb3c4 color hex could be obtained by blending #5cffff with #006789. Closest websafe color is: #33cccc.

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

● #2eb3c4 color description : Strong cyan.

The hexadecimal color #2eb3c4 has RGB values of R:46, G:179, B:196 and CMYK values of C:0.77, M:0.09, Y:0, K:0.23. Its decimal value is 3060676.

Hex triplet	2eb3c4	`#2eb3c4`
RGB Decimal	46, 179, 196	`rgb(46,179,196)`
RGB Percent	18, 70.2, 76.9	`rgb(18%,70.2%,76.9%)`
CMYK	77, 9, 0, 23
HSL	186.8°, 62, 47.5	`hsl(186.8,62%,47.5%)`
HSV (or HSB)	186.8°, 76.5, 76.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	67.13, -28.793, -18.698
XYZ	27.208, 36.804, 57.891
xyY	0.223, 0.302, 36.804
CIE-LCH	67.13, 34.331, 212.999
CIE-LUV	67.13, -46.513, -24.796
Hunter-Lab	60.666, -26.112, -14.112
Binary	00101110, 10110011, 11000100

#2eb3c4
```
#2eb3c4 rgb(46,179,196)
```
#c43f2e
```
#c43f2e rgb(196,63,46)
```

Complementary Color

#2ec48a
```
#2ec48a rgb(46,196,138)
```
#2eb3c4
```
#2eb3c4 rgb(46,179,196)
```
#2e68c4
```
#2e68c4 rgb(46,104,196)
```

Analogous Color

#c48a2e
```
#c48a2e rgb(196,138,46)
```
#2eb3c4
```
#2eb3c4 rgb(46,179,196)
```
#c42e68
```
#c42e68 rgb(196,46,104)
```

Split Complementary Color

#b3c42e
```
#b3c42e rgb(179,196,46)
```
#2eb3c4
```
#2eb3c4 rgb(46,179,196)
```
#c42eb3
```
#c42eb3 rgb(196,46,179)
```

Triadic Color

#2ec43f
```
#2ec43f rgb(46,196,63)
```
#2eb3c4
```
#2eb3c4 rgb(46,179,196)
```
#c42eb3
```
#c42eb3 rgb(196,46,179)
```
#c43f2e
```
#c43f2e rgb(196,63,46)
```

Tetradic Color

#1f7a86
```
#1f7a86 rgb(31,122,134)
```
#248d9b
```
#248d9b rgb(36,141,155)
```
#29a0af
```
#29a0af rgb(41,160,175)
```
#2eb3c4
```
#2eb3c4 rgb(46,179,196)
```
#3bc0d1
```
#3bc0d1 rgb(59,192,209)
```
#4fc7d6
```
#4fc7d6 rgb(79,199,214)
```
#64cddb
```
#64cddb rgb(100,205,219)
```

Monochromatic Color

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

#2ec4b0
```
#2ec4b0 rgb(46,196,176)
```
#2ec4bc
```
#2ec4bc rgb(46,196,188)
```
#2ec0c4
```
#2ec0c4 rgb(46,192,196)
```
#2eb3c4
```
#2eb3c4 rgb(46,179,196)
```
#2ea7c4
```
#2ea7c4 rgb(46,167,196)
```
#2e9ac4
```
#2e9ac4 rgb(46,154,196)
```
#2e8ec4
```
#2e8ec4 rgb(46,142,196)
```

Similar Colors

Text with hexadecimal color #2eb3c4

This text has a font color of #2eb3c4.

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

#2eb3c4 background color

This paragraph has a background color of #2eb3c4.

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

#2eb3c4 border color

This element has a border color of #2eb3c4.

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

CSS codes

.text {color:#2eb3c4;}

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

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

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

#010505
```
#010505 rgb(1,5,5)
```
#051315
```
#051315 rgb(5,19,21)
```
#092225
```
#092225 rgb(9,34,37)
```
#0c3035
```
#0c3035 rgb(12,48,53)
```
#103f45
```
#103f45 rgb(16,63,69)
```
#144d55
```
#144d55 rgb(20,77,85)
```
#185c65
```
#185c65 rgb(24,92,101)
```
#1b6a75
```
#1b6a75 rgb(27,106,117)
```
#1f7984
```
#1f7984 rgb(31,121,132)
```
#238794
```
#238794 rgb(35,135,148)
```
#2796a4
```
#2796a4 rgb(39,150,164)
```
#2aa4b4
```
#2aa4b4 rgb(42,164,180)
```
#2eb3c4
```
#2eb3c4 rgb(46,179,196)
```

Shade Color Variation

#36bed0
```
#36bed0 rgb(54,190,208)
```
#46c3d4
```
#46c3d4 rgb(70,195,212)
```
#56c9d7
```
#56c9d7 rgb(86,201,215)
```
#65cedb
```
#65cedb rgb(101,206,219)
```
#75d3df
```
#75d3df rgb(117,211,223)
```
#85d8e2
```
#85d8e2 rgb(133,216,226)
```
#95dde6
```
#95dde6 rgb(149,221,230)
```
#a5e2ea
```
#a5e2ea rgb(165,226,234)
```
#b5e7ee
```
#b5e7ee rgb(181,231,238)
```
#c5ecf1
```
#c5ecf1 rgb(197,236,241)
```
#d5f1f5
```
#d5f1f5 rgb(213,241,245)
```
#e5f7f9
```
#e5f7f9 rgb(229,247,249)
```
#f4fcfd
```
#f4fcfd rgb(244,252,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 #09d0e9 is the most saturated one.

#78797a
```
#78797a rgb(120,121,122)
```
#6f8183
```
#6f8183 rgb(111,129,131)
```
#66888c
```
#66888c rgb(102,136,140)
```
#5d8f95
```
#5d8f95 rgb(93,143,149)
```
#53969f
```
#53969f rgb(83,150,159)
```
#4a9da8
```
#4a9da8 rgb(74,157,168)
```
#41a5b1
```
#41a5b1 rgb(65,165,177)
```
#37acbb
```
#37acbb rgb(55,172,187)
```
#2eb3c4
```
#2eb3c4 rgb(46,179,196)
```
#25bacd
```
#25bacd rgb(37,186,205)
```
#1bc1d7
```
#1bc1d7 rgb(27,193,215)
```
#12c9e0
```
#12c9e0 rgb(18,201,224)
```
#09d0e9
```
#09d0e9 rgb(9,208,233)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7a9598 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a6bd Protanopia 1% of men
#a3a5cd Deuteranopia 1% of men
#36b7c4 Tritanopia 0.001% of the population

Trichromacy

#79abbf Protanomaly 1% of men, 0.01% of women
#78aaca Deuteranomaly 6% of men, 0.4% of women
#33b5c4 Tritanomaly 0.01% of the population

#2eb3c4 hex color

#2eb3c4 Color Information

#2eb3c4 Color Conversion

Color Schemes with #2eb3c4

Alternatives to #2eb3c4

#2eb3c4 Preview

Shades and Tints of #2eb3c4

Tones of #2eb3c4

Color Blindness Simulator