#4bafdc hex color

In a RGB color space, hex #4bafdc is composed of 29.4% red, 68.6% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 20.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 198.6 degrees, a saturation of 67.4% and a lightness of 57.8%. #4bafdc color hex could be obtained by blending #96ffff with #005fb9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 29
- G 69
- B 86
RGB color chart
- C 66
- M 20
- Y 0
- K 14
CMYK color chart

● #4bafdc color description : Soft blue.

The hexadecimal color #4bafdc has RGB values of R:75, G:175, B:220 and CMYK values of C:0.66, M:0.2, Y:0, K:0.14. Its decimal value is 4960220.

Hex triplet	4bafdc	`#4bafdc`
RGB Decimal	75, 175, 220	`rgb(75,175,220)`
RGB Percent	29.4, 68.6, 86.3	`rgb(29.4%,68.6%,86.3%)`
CMYK	66, 20, 0, 14
HSL	198.6°, 67.4, 57.8	`hsl(198.6,67.4%,57.8%)`
HSV (or HSB)	198.6°, 65.9, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.517, -15.271, -31.265
XYZ	31.147, 37.321, 73.268
xyY	0.22, 0.263, 37.321
CIE-LCH	67.517, 34.795, 243.967
CIE-LUV	67.517, -38.772, -47.442
Hunter-Lab	61.091, -15.902, -28.345
Binary	01001011, 10101111, 11011100

#4bafdc
```
#4bafdc rgb(75,175,220)
```
#dc784b
```
#dc784b rgb(220,120,75)
```

Complementary Color

#4bdcc1
```
#4bdcc1 rgb(75,220,193)
```
#4bafdc
```
#4bafdc rgb(75,175,220)
```
#4b67dc
```
#4b67dc rgb(75,103,220)
```

Analogous Color

#dcc14b
```
#dcc14b rgb(220,193,75)
```
#4bafdc
```
#4bafdc rgb(75,175,220)
```
#dc4b67
```
#dc4b67 rgb(220,75,103)
```

Split Complementary Color

#afdc4b
```
#afdc4b rgb(175,220,75)
```
#4bafdc
```
#4bafdc rgb(75,175,220)
```
#dc4baf
```
#dc4baf rgb(220,75,175)
```

Triadic Color

#4bdc78
```
#4bdc78 rgb(75,220,120)
```
#4bafdc
```
#4bafdc rgb(75,175,220)
```
#dc4baf
```
#dc4baf rgb(220,75,175)
```
#dc784b
```
#dc784b rgb(220,120,75)
```

Tetradic Color

#2489b7
```
#2489b7 rgb(36,137,183)
```
#2899cc
```
#2899cc rgb(40,153,204)
```
#36a6d8
```
#36a6d8 rgb(54,166,216)
```
#4bafdc
```
#4bafdc rgb(75,175,220)
```
#60b8e0
```
#60b8e0 rgb(96,184,224)
```
#76c2e4
```
#76c2e4 rgb(118,194,228)
```
#8bcbe8
```
#8bcbe8 rgb(139,203,232)
```

Monochromatic Color

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

#4bd3dc
```
#4bd3dc rgb(75,211,220)
```
#4bc7dc
```
#4bc7dc rgb(75,199,220)
```
#4bbbdc
```
#4bbbdc rgb(75,187,220)
```
#4bafdc
```
#4bafdc rgb(75,175,220)
```
#4ba3dc
```
#4ba3dc rgb(75,163,220)
```
#4b97dc
```
#4b97dc rgb(75,151,220)
```
#4b8bdc
```
#4b8bdc rgb(75,139,220)
```

Similar Colors

Text with hexadecimal color #4bafdc

This text has a font color of #4bafdc.

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

#4bafdc background color

This paragraph has a background color of #4bafdc.

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

#4bafdc border color

This element has a border color of #4bafdc.

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

CSS codes

.text {color:#4bafdc;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030d11
```
#030d11 rgb(3,13,17)
```
#071921
```
#071921 rgb(7,25,33)
```
#0a2532
```
#0a2532 rgb(10,37,50)
```
#0d3242
```
#0d3242 rgb(13,50,66)
```
#103e53
```
#103e53 rgb(16,62,83)
```
#134a63
```
#134a63 rgb(19,74,99)
```
#165774
```
#165774 rgb(22,87,116)
```
#1a6384
```
#1a6384 rgb(26,99,132)
```
#1d6f94
```
#1d6f94 rgb(29,111,148)
```
#207ca5
```
#207ca5 rgb(32,124,165)
```
#2388b5
```
#2388b5 rgb(35,136,181)
```
#2694c6
```
#2694c6 rgb(38,148,198)
```

Shade Color Variation

#2aa0d6
```
#2aa0d6 rgb(42,160,214)
```
#3ba8d9
```
#3ba8d9 rgb(59,168,217)
```
#4bafdc
```
#4bafdc rgb(75,175,220)
```
#5bb6df
```
#5bb6df rgb(91,182,223)
```
#6cbee2
```
#6cbee2 rgb(108,190,226)
```
#7cc5e6
```
#7cc5e6 rgb(124,197,230)
```
#8dcce9
```
#8dcce9 rgb(141,204,233)
```
#9dd3ec
```
#9dd3ec rgb(157,211,236)
```
#aedbef
```
#aedbef rgb(174,219,239)
```
#bee2f2
```
#bee2f2 rgb(190,226,242)
```
#cee9f6
```
#cee9f6 rgb(206,233,246)
```
#dff1f9
```
#dff1f9 rgb(223,241,249)
```
#eff8fc
```
#eff8fc rgb(239,248,252)
```

Tint Color Variation

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

#8d969a
```
#8d969a rgb(141,150,154)
```
#8599a2
```
#8599a2 rgb(133,153,162)
```
#7d9caa
```
#7d9caa rgb(125,156,170)
```
#749fb3
```
#749fb3 rgb(116,159,179)
```
#6ca2bb
```
#6ca2bb rgb(108,162,187)
```
#64a6c3
```
#64a6c3 rgb(100,166,195)
```
#5ca9cb
```
#5ca9cb rgb(92,169,203)
```
#53acd4
```
#53acd4 rgb(83,172,212)
```
#4bafdc
```
#4bafdc rgb(75,175,220)
```
#43b2e4
```
#43b2e4 rgb(67,178,228)
```
#3ab5ed
```
#3ab5ed rgb(58,181,237)
```
#32b8f5
```
#32b8f5 rgb(50,184,245)
```
#2abcfd
```
#2abcfd rgb(42,188,253)
```

Tone Color Variation

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

#9ca7d5 Protanopia 1% of men
#95a7e2 Deuteranopia 1% of men
#42b7c5 Tritanopia 0.001% of the population

Trichromacy

#7eaad8 Protanomaly 1% of men, 0.01% of women
#7aaae0 Deuteranomaly 6% of men, 0.4% of women
#45b4cd Tritanomaly 0.01% of the population

#4bafdc hex color

#4bafdc Color Information

#4bafdc Color Conversion

Color Schemes with #4bafdc

Alternatives to #4bafdc

#4bafdc Preview

Shades and Tints of #4bafdc

Tones of #4bafdc

Color Blindness Simulator