#4bece2 hex color

In a RGB color space, hex #4bece2 is composed of 29.4% red, 92.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 0% magenta, 4.2% yellow and 7.5% black. It has a hue angle of 176.3 degrees, a saturation of 80.9% and a lightness of 61%. #4bece2 color hex could be obtained by blending #96ffff with #00d9c5. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 29
- G 93
- B 89
RGB color chart
- C 68
- M 0
- Y 4
- K 7
CMYK color chart

● #4bece2 color description : Soft cyan.

The hexadecimal color #4bece2 has RGB values of R:75, G:236, B:226 and CMYK values of C:0.68, M:0, Y:0.04, K:0.07. Its decimal value is 4975842.

Hex triplet	4bece2	`#4bece2`
RGB Decimal	75, 236, 226	`rgb(75,236,226)`
RGB Percent	29.4, 92.5, 88.6	`rgb(29.4%,92.5%,88.6%)`
CMYK	68, 0, 4, 7
HSL	176.3°, 80.9, 61	`hsl(176.3,80.9%,61%)`
HSV (or HSB)	176.3°, 68.2, 92.5
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	85.491, -43.139, -7.287
XYZ	46.62, 66.974, 82.418
xyY	0.238, 0.342, 66.974
CIE-LCH	85.491, 43.751, 189.587
CIE-LUV	85.491, -60.264, -4.589
Hunter-Lab	81.837, -41.529, -2.424
Binary	01001011, 11101100, 11100010

#4bece2
```
#4bece2 rgb(75,236,226)
```
#ec4b55
```
#ec4b55 rgb(236,75,85)
```

Complementary Color

#4bec92
```
#4bec92 rgb(75,236,146)
```
#4bece2
```
#4bece2 rgb(75,236,226)
```
#4ba6ec
```
#4ba6ec rgb(75,166,236)
```

Analogous Color

#ec924b
```
#ec924b rgb(236,146,75)
```
#4bece2
```
#4bece2 rgb(75,236,226)
```
#ec4ba6
```
#ec4ba6 rgb(236,75,166)
```

Split Complementary Color

#ece24b
```
#ece24b rgb(236,226,75)
```
#4bece2
```
#4bece2 rgb(75,236,226)
```
#e24bec
```
#e24bec rgb(226,75,236)
```

Triadic Color

#55ec4b
```
#55ec4b rgb(85,236,75)
```
#4bece2
```
#4bece2 rgb(75,236,226)
```
#e24bec
```
#e24bec rgb(226,75,236)
```
#ec4b55
```
#ec4b55 rgb(236,75,85)
```

Tetradic Color

#16d4c8
```
#16d4c8 rgb(22,212,200)
```
#1de7db
```
#1de7db rgb(29,231,219)
```
#34eade
```
#34eade rgb(52,234,222)
```
#4bece2
```
#4bece2 rgb(75,236,226)
```
#62eee6
```
#62eee6 rgb(98,238,230)
```
#79f1e9
```
#79f1e9 rgb(121,241,233)
```
#90f3ed
```
#90f3ed rgb(144,243,237)
```

Monochromatic Color

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

#4becba
```
#4becba rgb(75,236,186)
```
#4becc7
```
#4becc7 rgb(75,236,199)
```
#4becd5
```
#4becd5 rgb(75,236,213)
```
#4bece2
```
#4bece2 rgb(75,236,226)
```
#4be9ec
```
#4be9ec rgb(75,233,236)
```
#4bdbec
```
#4bdbec rgb(75,219,236)
```
#4bceec
```
#4bceec rgb(75,206,236)
```

Similar Colors

Text with hexadecimal color #4bece2

This text has a font color of #4bece2.

<span style="color:#4bece2;">Text here</span>

#4bece2 background color

This paragraph has a background color of #4bece2.

<p style="background-color:#4bece2;">Content here</p>

#4bece2 border color

This element has a border color of #4bece2.

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

CSS codes

.text {color:#4bece2;}

.background {background-color:#4bece2;}

.border {border:1px solid #4bece2;}

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, #020f0e is the darkest color, while #fcffff is the lightest one.

#020f0e
```
#020f0e rgb(2,15,14)
```
#03211f
```
#03211f rgb(3,33,31)
```
#053330
```
#053330 rgb(5,51,48)
```
#074441
```
#074441 rgb(7,68,65)
```
#095651
```
#095651 rgb(9,86,81)
```
#0b6862
```
#0b6862 rgb(11,104,98)
```
#0d7a73
```
#0d7a73 rgb(13,122,115)
```
#0f8b84
```
#0f8b84 rgb(15,139,132)
```
#119d94
```
#119d94 rgb(17,157,148)
```
#12afa5
```
#12afa5 rgb(18,175,165)
```
#14c1b6
```
#14c1b6 rgb(20,193,182)
```
#16d2c7
```
#16d2c7 rgb(22,210,199)
```
#18e4d7
```
#18e4d7 rgb(24,228,215)
```

Shade Color Variation

#28e8dc
```
#28e8dc rgb(40,232,220)
```
#39eadf
```
#39eadf rgb(57,234,223)
```
#4bece2
```
#4bece2 rgb(75,236,226)
```
#5deee5
```
#5deee5 rgb(93,238,229)
```
#6ef0e8
```
#6ef0e8 rgb(110,240,232)
```
#80f2eb
```
#80f2eb rgb(128,242,235)
```
#92f3ed
```
#92f3ed rgb(146,243,237)
```
#a4f5f0
```
#a4f5f0 rgb(164,245,240)
```
#b5f7f3
```
#b5f7f3 rgb(181,247,243)
```
#c7f9f6
```
#c7f9f6 rgb(199,249,246)
```
#d9fbf9
```
#d9fbf9 rgb(217,251,249)
```
#ebfdfc
```
#ebfdfc rgb(235,253,252)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989f9f is the less saturated color, while #3cfbef is the most saturated one.

#989f9f
```
#989f9f rgb(152,159,159)
```
#90a7a6
```
#90a7a6 rgb(144,167,166)
```
#88afac
```
#88afac rgb(136,175,172)
```
#81b6b3
```
#81b6b3 rgb(129,182,179)
```
#79beba
```
#79beba rgb(121,190,186)
```
#71c6c0
```
#71c6c0 rgb(113,198,192)
```
#6acdc7
```
#6acdc7 rgb(106,205,199)
```
#62d5ce
```
#62d5ce rgb(98,213,206)
```
#5addd5
```
#5addd5 rgb(90,221,213)
```
#53e4db
```
#53e4db rgb(83,228,219)
```
#4bece2
```
#4bece2 rgb(75,236,226)
```
#43f4e9
```
#43f4e9 rgb(67,244,233)
```
#3cfbef
```
#3cfbef rgb(60,251,239)
```

Tone Color Variation

Below, you can see how #4bece2 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

#bbbbbb Achromatopsia 0.005% of the population
#a5c5c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd6d7 Protanopia 1% of men
#e1d2ed Deuteranopia 1% of men
#63e9fa Tritanopia 0.001% of the population

Trichromacy

#a6dedb Protanomaly 1% of men, 0.01% of women
#aadbe9 Deuteranomaly 6% of men, 0.4% of women
#5aeaf1 Tritanomaly 0.01% of the population

#4bece2 hex color

#4bece2 Color Information

#4bece2 Color Conversion

Color Schemes with #4bece2

Alternatives to #4bece2

#4bece2 Preview

Shades and Tints of #4bece2

Tones of #4bece2

Color Blindness Simulator