#4bb5df hex color

In a RGB color space, hex #4bb5df is composed of 29.4% red, 71% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 18.8% magenta, 0% yellow and 12.5% black. It has a hue angle of 197 degrees, a saturation of 69.8% and a lightness of 58.4%. #4bb5df color hex could be obtained by blending #96ffff with #006bbf. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 29
- G 71
- B 87
RGB color chart
- C 66
- M 19
- Y 0
- K 13
CMYK color chart

● #4bb5df color description : Soft blue.

The hexadecimal color #4bb5df has RGB values of R:75, G:181, B:223 and CMYK values of C:0.66, M:0.19, Y:0, K:0.13. Its decimal value is 4961759.

Hex triplet	4bb5df	`#4bb5df`
RGB Decimal	75, 181, 223	`rgb(75,181,223)`
RGB Percent	29.4, 71, 87.5	`rgb(29.4%,71%,87.5%)`
CMYK	66, 19, 0, 13
HSL	197°, 69.8, 58.4	`hsl(197,69.8%,58.4%)`
HSV (or HSB)	197°, 66.4, 87.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.376, -17.499, -30.038
XYZ	32.741, 39.869, 75.778
xyY	0.221, 0.269, 39.869
CIE-LCH	69.376, 34.764, 239.778
CIE-LUV	69.376, -40.782, -45.261
Hunter-Lab	63.142, -17.939, -26.956
Binary	01001011, 10110101, 11011111

#4bb5df
```
#4bb5df rgb(75,181,223)
```
#df754b
```
#df754b rgb(223,117,75)
```

Complementary Color

#4bdfbf
```
#4bdfbf rgb(75,223,191)
```
#4bb5df
```
#4bb5df rgb(75,181,223)
```
#4b6bdf
```
#4b6bdf rgb(75,107,223)
```

Analogous Color

#dfbf4b
```
#dfbf4b rgb(223,191,75)
```
#4bb5df
```
#4bb5df rgb(75,181,223)
```
#df4b6b
```
#df4b6b rgb(223,75,107)
```

Split Complementary Color

#b5df4b
```
#b5df4b rgb(181,223,75)
```
#4bb5df
```
#4bb5df rgb(75,181,223)
```
#df4bb5
```
#df4bb5 rgb(223,75,181)
```

Triadic Color

#4bdf75
```
#4bdf75 rgb(75,223,117)
```
#4bb5df
```
#4bb5df rgb(75,181,223)
```
#df4bb5
```
#df4bb5 rgb(223,75,181)
```
#df754b
```
#df754b rgb(223,117,75)
```

Tetradic Color

#2190bc
```
#2190bc rgb(33,144,188)
```
#25a1d2
```
#25a1d2 rgb(37,161,210)
```
#35acdb
```
#35acdb rgb(53,172,219)
```
#4bb5df
```
#4bb5df rgb(75,181,223)
```
#61bee3
```
#61bee3 rgb(97,190,227)
```
#76c7e7
```
#76c7e7 rgb(118,199,231)
```
#8cd0eb
```
#8cd0eb rgb(140,208,235)
```

Monochromatic Color

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

#4bdadf
```
#4bdadf rgb(75,218,223)
```
#4bcedf
```
#4bcedf rgb(75,206,223)
```
#4bc1df
```
#4bc1df rgb(75,193,223)
```
#4bb5df
```
#4bb5df rgb(75,181,223)
```
#4ba9df
```
#4ba9df rgb(75,169,223)
```
#4b9cdf
```
#4b9cdf rgb(75,156,223)
```
#4b90df
```
#4b90df rgb(75,144,223)
```

Similar Colors

Text with hexadecimal color #4bb5df

This text has a font color of #4bb5df.

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

#4bb5df background color

This paragraph has a background color of #4bb5df.

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

#4bb5df border color

This element has a border color of #4bb5df.

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

CSS codes

.text {color:#4bb5df;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#040f14
```
#040f14 rgb(4,15,20)
```
#061c25
```
#061c25 rgb(6,28,37)
```
#092935
```
#092935 rgb(9,41,53)
```
#0c3646
```
#0c3646 rgb(12,54,70)
```
#0f4256
```
#0f4256 rgb(15,66,86)
```
#124f67
```
#124f67 rgb(18,79,103)
```
#155c78
```
#155c78 rgb(21,92,120)
```
#186988
```
#186988 rgb(24,105,136)
```
#1b7599
```
#1b7599 rgb(27,117,153)
```
#1e82aa
```
#1e82aa rgb(30,130,170)
```
#218fba
```
#218fba rgb(33,143,186)
```
#249ccb
```
#249ccb rgb(36,156,203)
```

Shade Color Variation

#2aa7d9
```
#2aa7d9 rgb(42,167,217)
```
#3aaedc
```
#3aaedc rgb(58,174,220)
```
#4bb5df
```
#4bb5df rgb(75,181,223)
```
#5cbce2
```
#5cbce2 rgb(92,188,226)
```
#6cc3e5
```
#6cc3e5 rgb(108,195,229)
```
#7dcae8
```
#7dcae8 rgb(125,202,232)
```
#8ed0eb
```
#8ed0eb rgb(142,208,235)
```
#9ed7ee
```
#9ed7ee rgb(158,215,238)
```
#afdef1
```
#afdef1 rgb(175,222,241)
```
#c0e5f4
```
#c0e5f4 rgb(192,229,244)
```
#d0ecf7
```
#d0ecf7 rgb(208,236,247)
```
#e1f3fa
```
#e1f3fa rgb(225,243,250)
```
#f2f9fd
```
#f2f9fd rgb(242,249,253)
```

Tint Color Variation

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

#949596
```
#949596 rgb(148,149,150)
```
#8c999e
```
#8c999e rgb(140,153,158)
```
#849ca6
```
#849ca6 rgb(132,156,166)
```
#7ca0ae
```
#7ca0ae rgb(124,160,174)
```
#74a3b6
```
#74a3b6 rgb(116,163,182)
```
#6ca7be
```
#6ca7be rgb(108,167,190)
```
#63aac7
```
#63aac7 rgb(99,170,199)
```
#5baecf
```
#5baecf rgb(91,174,207)
```
#53b1d7
```
#53b1d7 rgb(83,177,215)
```
#4bb5df
```
#4bb5df rgb(75,181,223)
```
#43b9e7
```
#43b9e7 rgb(67,185,231)
```
#3bbcef
```
#3bbcef rgb(59,188,239)
```
#33c0f7
```
#33c0f7 rgb(51,192,247)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#8a9fa8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1acd8 Protanopia 1% of men
#9cabe5 Deuteranopia 1% of men
#44bcca Tritanopia 0.001% of the population

Trichromacy

#82afda Protanomaly 1% of men, 0.01% of women
#7eafe3 Deuteranomaly 6% of men, 0.4% of women
#46bad2 Tritanomaly 0.01% of the population

#4bb5df hex color

#4bb5df Color Information

#4bb5df Color Conversion

Color Schemes with #4bb5df

Alternatives to #4bb5df

#4bb5df Preview

Shades and Tints of #4bb5df

Tones of #4bb5df

Color Blindness Simulator