#4cbef2 hex color

In a RGB color space, hex #4cbef2 is composed of 29.8% red, 74.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 21.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 198.8 degrees, a saturation of 86.5% and a lightness of 62.4%. #4cbef2 color hex could be obtained by blending #98ffff with #007de5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 30
- G 75
- B 95
RGB color chart
- C 69
- M 21
- Y 0
- K 5
CMYK color chart

● #4cbef2 color description : Soft blue.

The hexadecimal color #4cbef2 has RGB values of R:76, G:190, B:242 and CMYK values of C:0.69, M:0.21, Y:0, K:0.05. Its decimal value is 5029618.

Hex triplet	4cbef2	`#4cbef2`
RGB Decimal	76, 190, 242	`rgb(76,190,242)`
RGB Percent	29.8, 74.5, 94.9	`rgb(29.8%,74.5%,94.9%)`
CMYK	69, 21, 0, 5
HSL	198.8°, 86.5, 62.4	`hsl(198.8,86.5%,62.4%)`
HSV (or HSB)	198.8°, 68.6, 94.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	72.741, -16.056, -35.16
XYZ	37.417, 44.771, 90.669
xyY	0.216, 0.259, 44.771
CIE-LCH	72.741, 38.652, 245.456
CIE-LUV	72.741, -42.811, -54.457
Hunter-Lab	66.911, -17.277, -33.504
Binary	01001100, 10111110, 11110010

#4cbef2
```
#4cbef2 rgb(76,190,242)
```
#f2804c
```
#f2804c rgb(242,128,76)
```

Complementary Color

#4cf2d3
```
#4cf2d3 rgb(76,242,211)
```
#4cbef2
```
#4cbef2 rgb(76,190,242)
```
#4c6bf2
```
#4c6bf2 rgb(76,107,242)
```

Analogous Color

#f2d34c
```
#f2d34c rgb(242,211,76)
```
#4cbef2
```
#4cbef2 rgb(76,190,242)
```
#f24c6b
```
#f24c6b rgb(242,76,107)
```

Split Complementary Color

#bef24c
```
#bef24c rgb(190,242,76)
```
#4cbef2
```
#4cbef2 rgb(76,190,242)
```
#f24cbe
```
#f24cbe rgb(242,76,190)
```

Triadic Color

#4cf280
```
#4cf280 rgb(76,242,128)
```
#4cbef2
```
#4cbef2 rgb(76,190,242)
```
#f24cbe
```
#f24cbe rgb(242,76,190)
```
#f2804c
```
#f2804c rgb(242,128,76)
```

Tetradic Color

#10a0e1
```
#10a0e1 rgb(16,160,225)
```
#1cadef
```
#1cadef rgb(28,173,239)
```
#34b5f0
```
#34b5f0 rgb(52,181,240)
```
#4cbef2
```
#4cbef2 rgb(76,190,242)
```
#64c7f4
```
#64c7f4 rgb(100,199,244)
```
#7ccff5
```
#7ccff5 rgb(124,207,245)
```
#93d8f7
```
#93d8f7 rgb(147,216,247)
```

Monochromatic Color

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

#4ce8f2
```
#4ce8f2 rgb(76,232,242)
```
#4cdaf2
```
#4cdaf2 rgb(76,218,242)
```
#4cccf2
```
#4cccf2 rgb(76,204,242)
```
#4cbef2
```
#4cbef2 rgb(76,190,242)
```
#4cb0f2
```
#4cb0f2 rgb(76,176,242)
```
#4ca2f2
```
#4ca2f2 rgb(76,162,242)
```
#4c95f2
```
#4c95f2 rgb(76,149,242)
```

Similar Colors

Text with hexadecimal color #4cbef2

This text has a font color of #4cbef2.

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

#4cbef2 background color

This paragraph has a background color of #4cbef2.

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

#4cbef2 border color

This element has a border color of #4cbef2.

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

CSS codes

.text {color:#4cbef2;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#021016
```
#021016 rgb(2,16,22)
```
#031d28
```
#031d28 rgb(3,29,40)
```
#042a3b
```
#042a3b rgb(4,42,59)
```
#06374d
```
#06374d rgb(6,55,77)
```
#07445f
```
#07445f rgb(7,68,95)
```
#085172
```
#085172 rgb(8,81,114)
```
#0a5e84
```
#0a5e84 rgb(10,94,132)
```
#0b6b96
```
#0b6b96 rgb(11,107,150)
```
#0c78a8
```
#0c78a8 rgb(12,120,168)
```
#0e84bb
```
#0e84bb rgb(14,132,187)
```
#0f91cd
```
#0f91cd rgb(15,145,205)
```
#109edf
```
#109edf rgb(16,158,223)
```

Shade Color Variation

#15aaee
```
#15aaee rgb(21,170,238)
```
#27b1ef
```
#27b1ef rgb(39,177,239)
```
#3ab7f1
```
#3ab7f1 rgb(58,183,241)
```
#4cbef2
```
#4cbef2 rgb(76,190,242)
```
#5ec5f3
```
#5ec5f3 rgb(94,197,243)
```
#71cbf5
```
#71cbf5 rgb(113,203,245)
```
#83d2f6
```
#83d2f6 rgb(131,210,246)
```
#95d9f7
```
#95d9f7 rgb(149,217,247)
```
#a7dff9
```
#a7dff9 rgb(167,223,249)
```
#bae6fa
```
#bae6fa rgb(186,230,250)
```
#ccecfb
```
#ccecfb rgb(204,236,251)
```
#def3fd
```
#def3fd rgb(222,243,253)
```
#f1fafe
```
#f1fafe rgb(241,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9da0a1 is the less saturated color, while #45c1f9 is the most saturated one.

#9da0a1
```
#9da0a1 rgb(157,160,161)
```
#96a2a8
```
#96a2a8 rgb(150,162,168)
```
#8ea5b0
```
#8ea5b0 rgb(142,165,176)
```
#87a8b7
```
#87a8b7 rgb(135,168,183)
```
#80abbe
```
#80abbe rgb(128,171,190)
```
#78adc6
```
#78adc6 rgb(120,173,198)
```
#71b0cd
```
#71b0cd rgb(113,176,205)
```
#6ab3d4
```
#6ab3d4 rgb(106,179,212)
```
#62b6dc
```
#62b6dc rgb(98,182,220)
```
#5bb8e3
```
#5bb8e3 rgb(91,184,227)
```
#53bbeb
```
#53bbeb rgb(83,187,235)
```
#4cbef2
```
#4cbef2 rgb(76,190,242)
```
#45c1f9
```
#45c1f9 rgb(69,193,249)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#91a8b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6b4e9 Protanopia 1% of men
#9eb4f7 Deuteranopia 1% of men
#3bc6d5 Tritanopia 0.001% of the population

Trichromacy

#85b7ec Protanomaly 1% of men, 0.01% of women
#80b8f5 Deuteranomaly 6% of men, 0.4% of women
#41c3df Tritanomaly 0.01% of the population

#4cbef2 hex color

#4cbef2 Color Information

#4cbef2 Color Conversion

Color Schemes with #4cbef2

Alternatives to #4cbef2

#4cbef2 Preview

Shades and Tints of #4cbef2

Tones of #4cbef2

Color Blindness Simulator