#4bdefb hex color

In a RGB color space, hex #4bdefb is composed of 29.4% red, 87.1% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 11.6% magenta, 0% yellow and 1.6% black. It has a hue angle of 189.9 degrees, a saturation of 95.7% and a lightness of 63.9%. #4bdefb color hex could be obtained by blending #96ffff with #00bdf7. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 29
- G 87
- B 98
RGB color chart
- C 70
- M 12
- Y 0
- K 2
CMYK color chart

● #4bdefb color description : Bright cyan.

The hexadecimal color #4bdefb has RGB values of R:75, G:222, B:251 and CMYK values of C:0.7, M:0.12, Y:0, K:0.02. Its decimal value is 4972283.

Hex triplet	4bdefb	`#4bdefb`
RGB Decimal	75, 222, 251	`rgb(75,222,251)`
RGB Percent	29.4, 87.1, 98.4	`rgb(29.4%,87.1%,98.4%)`
CMYK	70, 12, 0, 2
HSL	189.9°, 95.7, 63.9	`hsl(189.9,95.7%,63.9%)`
HSV (or HSB)	189.9°, 70.1, 98.4
Web Safe	33ccff	`#33ccff`

CIE-LAB	82.217, -29.564, -25.41
XYZ	46.431, 60.699, 100.531
xyY	0.224, 0.292, 60.699
CIE-LCH	82.217, 38.983, 220.679
CIE-LUV	82.217, -53.726, -36.615
Hunter-Lab	77.91, -29.964, -21.968
Binary	01001011, 11011110, 11111011

#4bdefb
```
#4bdefb rgb(75,222,251)
```
#fb684b
```
#fb684b rgb(251,104,75)
```

Complementary Color

#4bfbc0
```
#4bfbc0 rgb(75,251,192)
```
#4bdefb
```
#4bdefb rgb(75,222,251)
```
#4b86fb
```
#4b86fb rgb(75,134,251)
```

Analogous Color

#fbc04b
```
#fbc04b rgb(251,192,75)
```
#4bdefb
```
#4bdefb rgb(75,222,251)
```
#fb4b86
```
#fb4b86 rgb(251,75,134)
```

Split Complementary Color

#defb4b
```
#defb4b rgb(222,251,75)
```
#4bdefb
```
#4bdefb rgb(75,222,251)
```
#fb4bde
```
#fb4bde rgb(251,75,222)
```

Triadic Color

#4bfb68
```
#4bfb68 rgb(75,251,104)
```
#4bdefb
```
#4bdefb rgb(75,222,251)
```
#fb4bde
```
#fb4bde rgb(251,75,222)
```
#fb684b
```
#fb684b rgb(251,104,75)
```

Tetradic Color

#05cdf4
```
#05cdf4 rgb(5,205,244)
```
#19d5fa
```
#19d5fa rgb(25,213,250)
```
#32d9fa
```
#32d9fa rgb(50,217,250)
```
#4bdefb
```
#4bdefb rgb(75,222,251)
```
#64e3fc
```
#64e3fc rgb(100,227,252)
```
#7de7fc
```
#7de7fc rgb(125,231,252)
```
#96ecfd
```
#96ecfd rgb(150,236,253)
```

Monochromatic Color

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

#4bfbec
```
#4bfbec rgb(75,251,236)
```
#4bfbfb
```
#4bfbfb rgb(75,251,251)
```
#4bedfb
```
#4bedfb rgb(75,237,251)
```
#4bdefb
```
#4bdefb rgb(75,222,251)
```
#4bcffb
```
#4bcffb rgb(75,207,251)
```
#4bc1fb
```
#4bc1fb rgb(75,193,251)
```
#4bb2fb
```
#4bb2fb rgb(75,178,251)
```

Similar Colors

Text with hexadecimal color #4bdefb

This text has a font color of #4bdefb.

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

#4bdefb background color

This paragraph has a background color of #4bdefb.

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

#4bdefb border color

This element has a border color of #4bdefb.

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

CSS codes

.text {color:#4bdefb;}

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

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

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, #000a0c is the darkest color, while #f8feff is the lightest one.

#000a0c
```
#000a0c rgb(0,10,12)
```
#011a1f
```
#011a1f rgb(1,26,31)
```
#012a32
```
#012a32 rgb(1,42,50)
```
#023a45
```
#023a45 rgb(2,58,69)
```
#024a59
```
#024a59 rgb(2,74,89)
```
#025a6c
```
#025a6c rgb(2,90,108)
```
#036b7f
```
#036b7f rgb(3,107,127)
```
#037b92
```
#037b92 rgb(3,123,146)
```
#048ba5
```
#048ba5 rgb(4,139,165)
```
#049bb9
```
#049bb9 rgb(4,155,185)
```
#05abcc
```
#05abcc rgb(5,171,204)
```
#05bbdf
```
#05bbdf rgb(5,187,223)
```
#05cbf2
```
#05cbf2 rgb(5,203,242)
```

Shade Color Variation

#11d3fa
```
#11d3fa rgb(17,211,250)
```
#25d7fa
```
#25d7fa rgb(37,215,250)
```
#38dafb
```
#38dafb rgb(56,218,251)
```
#4bdefb
```
#4bdefb rgb(75,222,251)
```
#5ee2fb
```
#5ee2fb rgb(94,226,251)
```
#71e5fc
```
#71e5fc rgb(113,229,252)
```
#85e9fc
```
#85e9fc rgb(133,233,252)
```
#98ecfd
```
#98ecfd rgb(152,236,253)
```
#abf0fd
```
#abf0fd rgb(171,240,253)
```
#bef3fe
```
#bef3fe rgb(190,243,254)
```
#d1f7fe
```
#d1f7fe rgb(209,247,254)
```
#e5fafe
```
#e5fafe rgb(229,250,254)
```
#f8feff
```
#f8feff rgb(248,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a0a5a6 is the less saturated color, while #4bdefb is the most saturated one.

#a0a5a6
```
#a0a5a6 rgb(160,165,166)
```
#99aaad
```
#99aaad rgb(153,170,173)
```
#92afb4
```
#92afb4 rgb(146,175,180)
```
#8bb3bb
```
#8bb3bb rgb(139,179,187)
```
#84b8c2
```
#84b8c2 rgb(132,184,194)
```
#7dbdc9
```
#7dbdc9 rgb(125,189,201)
```
#75c2d1
```
#75c2d1 rgb(117,194,209)
```
#6ec6d8
```
#6ec6d8 rgb(110,198,216)
```
#67cbdf
```
#67cbdf rgb(103,203,223)
```
#60d0e6
```
#60d0e6 rgb(96,208,230)
```
#59d5ed
```
#59d5ed rgb(89,213,237)
```
#52d9f4
```
#52d9f4 rgb(82,217,244)
```
#4bdefb
```
#4bdefb rgb(75,222,251)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#a0bdc3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7cdef Protanopia 1% of men
#c6cbff Deuteranopia 1% of men
#4ce1f1 Tritanopia 0.001% of the population

Trichromacy

#9ad3f3 Protanomaly 1% of men, 0.01% of women
#99d2fd Deuteranomaly 6% of men, 0.4% of women
#4be0f5 Tritanomaly 0.01% of the population

#4bdefb hex color

#4bdefb Color Information

#4bdefb Color Conversion

Color Schemes with #4bdefb

Alternatives to #4bdefb

#4bdefb Preview

Shades and Tints of #4bdefb

Tones of #4bdefb

Color Blindness Simulator