#4bafdd hex color

In a RGB color space, hex #4bafdd is composed of 29.4% red, 68.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 20.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 198.9 degrees, a saturation of 68.2% and a lightness of 58%. #4bafdd color hex could be obtained by blending #96ffff with #005fbb. Closest websafe color is: #3399cc.

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

● #4bafdd color description : Soft blue.

The hexadecimal color #4bafdd has RGB values of R:75, G:175, B:221 and CMYK values of C:0.66, M:0.21, Y:0, K:0.13. Its decimal value is 4960221.

Hex triplet	4bafdd	`#4bafdd`
RGB Decimal	75, 175, 221	`rgb(75,175,221)`
RGB Percent	29.4, 68.6, 86.7	`rgb(29.4%,68.6%,86.7%)`
CMYK	66, 21, 0, 13
HSL	198.9°, 68.2, 58	`hsl(198.9,68.2%,58%)`
HSV (or HSB)	198.9°, 66.1, 86.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.557, -14.953, -31.753
XYZ	31.279, 37.374, 73.968
xyY	0.219, 0.262, 37.374
CIE-LCH	67.557, 35.097, 244.784
CIE-LUV	67.557, -38.724, -48.308
Hunter-Lab	61.134, -15.655, -28.943
Binary	01001011, 10101111, 11011101

#4bafdd
```
#4bafdd rgb(75,175,221)
```
#dd794b
```
#dd794b rgb(221,121,75)
```

Complementary Color

#4bddc2
```
#4bddc2 rgb(75,221,194)
```
#4bafdd
```
#4bafdd rgb(75,175,221)
```
#4b66dd
```
#4b66dd rgb(75,102,221)
```

Analogous Color

#ddc24b
```
#ddc24b rgb(221,194,75)
```
#4bafdd
```
#4bafdd rgb(75,175,221)
```
#dd4b66
```
#dd4b66 rgb(221,75,102)
```

Split Complementary Color

#afdd4b
```
#afdd4b rgb(175,221,75)
```
#4bafdd
```
#4bafdd rgb(75,175,221)
```
#dd4baf
```
#dd4baf rgb(221,75,175)
```

Triadic Color

#4bdd79
```
#4bdd79 rgb(75,221,121)
```
#4bafdd
```
#4bafdd rgb(75,175,221)
```
#dd4baf
```
#dd4baf rgb(221,75,175)
```
#dd794b
```
#dd794b rgb(221,121,75)
```

Tetradic Color

#2389b9
```
#2389b9 rgb(35,137,185)
```
#2799ce
```
#2799ce rgb(39,153,206)
```
#36a5d9
```
#36a5d9 rgb(54,165,217)
```
#4bafdd
```
#4bafdd rgb(75,175,221)
```
#60b9e1
```
#60b9e1 rgb(96,185,225)
```
#76c2e5
```
#76c2e5 rgb(118,194,229)
```
#8bcce9
```
#8bcce9 rgb(139,204,233)
```

Monochromatic Color

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

#4bd4dd
```
#4bd4dd rgb(75,212,221)
```
#4bc7dd
```
#4bc7dd rgb(75,199,221)
```
#4bbbdd
```
#4bbbdd rgb(75,187,221)
```
#4bafdd
```
#4bafdd rgb(75,175,221)
```
#4ba3dd
```
#4ba3dd rgb(75,163,221)
```
#4b97dd
```
#4b97dd rgb(75,151,221)
```
#4b8bdd
```
#4b8bdd rgb(75,139,221)
```

Similar Colors

Text with hexadecimal color #4bafdd

This text has a font color of #4bafdd.

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

#4bafdd background color

This paragraph has a background color of #4bafdd.

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

#4bafdd border color

This element has a border color of #4bafdd.

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

CSS codes

.text {color:#4bafdd;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030d12
```
#030d12 rgb(3,13,18)
```
#071a22
```
#071a22 rgb(7,26,34)
```
#0a2633
```
#0a2633 rgb(10,38,51)
```
#0d3243
```
#0d3243 rgb(13,50,67)
```
#103f54
```
#103f54 rgb(16,63,84)
```
#134b64
```
#134b64 rgb(19,75,100)
```
#165775
```
#165775 rgb(22,87,117)
```
#196385
```
#196385 rgb(25,99,133)
```
#1c7096
```
#1c7096 rgb(28,112,150)
```
#1f7ca6
```
#1f7ca6 rgb(31,124,166)
```
#2388b7
```
#2388b7 rgb(35,136,183)
```
#2694c7
```
#2694c7 rgb(38,148,199)
```

Shade Color Variation

#2aa0d7
```
#2aa0d7 rgb(42,160,215)
```
#3ba8da
```
#3ba8da rgb(59,168,218)
```
#4bafdd
```
#4bafdd rgb(75,175,221)
```
#5bb6e0
```
#5bb6e0 rgb(91,182,224)
```
#6cbee3
```
#6cbee3 rgb(108,190,227)
```
#7cc5e6
```
#7cc5e6 rgb(124,197,230)
```
#8dcce9
```
#8dcce9 rgb(141,204,233)
```
#9dd4ed
```
#9dd4ed rgb(157,212,237)
```
#aedbf0
```
#aedbf0 rgb(174,219,240)
```
#bee2f3
```
#bee2f3 rgb(190,226,243)
```
#cfeaf6
```
#cfeaf6 rgb(207,234,246)
```
#dff1f9
```
#dff1f9 rgb(223,241,249)
```
#f0f8fc
```
#f0f8fc rgb(240,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d979b is the less saturated color, while #2abbfe is the most saturated one.

#8d979b
```
#8d979b rgb(141,151,155)
```
#859aa3
```
#859aa3 rgb(133,154,163)
```
#7c9dac
```
#7c9dac rgb(124,157,172)
```
#74a0b4
```
#74a0b4 rgb(116,160,180)
```
#6ca3bc
```
#6ca3bc rgb(108,163,188)
```
#64a6c4
```
#64a6c4 rgb(100,166,196)
```
#5ba9cd
```
#5ba9cd rgb(91,169,205)
```
#53acd5
```
#53acd5 rgb(83,172,213)
```
#4bafdd
```
#4bafdd rgb(75,175,221)
```
#43b2e5
```
#43b2e5 rgb(67,178,229)
```
#3bb5ed
```
#3bb5ed rgb(59,181,237)
```
#32b8f6
```
#32b8f6 rgb(50,184,246)
```
#2abbfe
```
#2abbfe rgb(42,187,254)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#879ba4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ba7d6 Protanopia 1% of men
#94a7e3 Deuteranopia 1% of men
#41b7c5 Tritanopia 0.001% of the population

Trichromacy

#7eaad9 Protanomaly 1% of men, 0.01% of women
#7aaae1 Deuteranomaly 6% of men, 0.4% of women
#44b4cd Tritanomaly 0.01% of the population

#4bafdd hex color

#4bafdd Color Information

#4bafdd Color Conversion

Color Schemes with #4bafdd

Alternatives to #4bafdd

#4bafdd Preview

Shades and Tints of #4bafdd

Tones of #4bafdd

Color Blindness Simulator