#4bafef hex color

In a RGB color space, hex #4bafef is composed of 29.4% red, 68.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 26.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 203.4 degrees, a saturation of 83.7% and a lightness of 61.6%. #4bafef color hex could be obtained by blending #96ffff with #005fdf. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 29
- G 69
- B 94
RGB color chart
- C 69
- M 27
- Y 0
- K 6
CMYK color chart

● #4bafef color description : Soft blue.

The hexadecimal color #4bafef has RGB values of R:75, G:175, B:239 and CMYK values of C:0.69, M:0.27, Y:0, K:0.06. Its decimal value is 4960239.

Hex triplet	4bafef	`#4bafef`
RGB Decimal	75, 175, 239	`rgb(75,175,239)`
RGB Percent	29.4, 68.6, 93.7	`rgb(29.4%,68.6%,93.7%)`
CMYK	69, 27, 0, 6
HSL	203.4°, 83.7, 61.6	`hsl(203.4,83.7%,61.6%)`
HSV (or HSB)	203.4°, 68.6, 93.7
Web Safe	3399ff	`#3399ff`

CIE-LAB	68.304, -9.111, -40.439
XYZ	33.808, 38.385, 87.284
xyY	0.212, 0.241, 38.385
CIE-LCH	68.304, 41.452, 257.303
CIE-LUV	68.304, -37.878, -63.846
Hunter-Lab	61.956, -11.019, -40.159
Binary	01001011, 10101111, 11101111

#4bafef
```
#4bafef rgb(75,175,239)
```
#ef8b4b
```
#ef8b4b rgb(239,139,75)
```

Complementary Color

#4befdd
```
#4befdd rgb(75,239,221)
```
#4bafef
```
#4bafef rgb(75,175,239)
```
#4b5def
```
#4b5def rgb(75,93,239)
```

Analogous Color

#efdd4b
```
#efdd4b rgb(239,221,75)
```
#4bafef
```
#4bafef rgb(75,175,239)
```
#ef4b5d
```
#ef4b5d rgb(239,75,93)
```

Split Complementary Color

#afef4b
```
#afef4b rgb(175,239,75)
```
#4bafef
```
#4bafef rgb(75,175,239)
```
#ef4baf
```
#ef4baf rgb(239,75,175)
```

Triadic Color

#4bef8b
```
#4bef8b rgb(75,239,139)
```
#4bafef
```
#4bafef rgb(75,175,239)
```
#ef4baf
```
#ef4baf rgb(239,75,175)
```
#ef8b4b
```
#ef8b4b rgb(239,139,75)
```

Tetradic Color

#138dda
```
#138dda rgb(19,141,218)
```
#1c9aeb
```
#1c9aeb rgb(28,154,235)
```
#34a5ed
```
#34a5ed rgb(52,165,237)
```
#4bafef
```
#4bafef rgb(75,175,239)
```
#62b9f1
```
#62b9f1 rgb(98,185,241)
```
#7ac4f3
```
#7ac4f3 rgb(122,196,243)
```
#91cef5
```
#91cef5 rgb(145,206,245)
```

Monochromatic Color

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

#4bd8ef
```
#4bd8ef rgb(75,216,239)
```
#4bcaef
```
#4bcaef rgb(75,202,239)
```
#4bbdef
```
#4bbdef rgb(75,189,239)
```
#4bafef
```
#4bafef rgb(75,175,239)
```
#4ba1ef
```
#4ba1ef rgb(75,161,239)
```
#4b94ef
```
#4b94ef rgb(75,148,239)
```
#4b86ef
```
#4b86ef rgb(75,134,239)
```

Similar Colors

Text with hexadecimal color #4bafef

This text has a font color of #4bafef.

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

#4bafef background color

This paragraph has a background color of #4bafef.

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

#4bafef border color

This element has a border color of #4bafef.

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

CSS codes

.text {color:#4bafef;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#020c12
```
#020c12 rgb(2,12,18)
```
#031724
```
#031724 rgb(3,23,36)
```
#052336
```
#052336 rgb(5,35,54)
```
#062f48
```
#062f48 rgb(6,47,72)
```
#083a5a
```
#083a5a rgb(8,58,90)
```
#0a466c
```
#0a466c rgb(10,70,108)
```
#0b517e
```
#0b517e rgb(11,81,126)
```
#0d5d90
```
#0d5d90 rgb(13,93,144)
```
#0e69a2
```
#0e69a2 rgb(14,105,162)
```
#1074b4
```
#1074b4 rgb(16,116,180)
```
#1280c6
```
#1280c6 rgb(18,128,198)
```
#138bd8
```
#138bd8 rgb(19,139,216)
```

Shade Color Variation

#1597ea
```
#1597ea rgb(21,151,234)
```
#279fec
```
#279fec rgb(39,159,236)
```
#39a7ed
```
#39a7ed rgb(57,167,237)
```
#4bafef
```
#4bafef rgb(75,175,239)
```
#5db7f1
```
#5db7f1 rgb(93,183,241)
```
#6fbff2
```
#6fbff2 rgb(111,191,242)
```
#81c7f4
```
#81c7f4 rgb(129,199,244)
```
#93cff5
```
#93cff5 rgb(147,207,245)
```
#a5d7f7
```
#a5d7f7 rgb(165,215,247)
```
#b7dff9
```
#b7dff9 rgb(183,223,249)
```
#c9e7fa
```
#c9e7fa rgb(201,231,250)
```
#dbeffc
```
#dbeffc rgb(219,239,252)
```
#edf7fd
```
#edf7fd rgb(237,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969ea4 is the less saturated color, while #3cb2fe is the most saturated one.

#969ea4
```
#969ea4 rgb(150,158,164)
```
#8fa0ab
```
#8fa0ab rgb(143,160,171)
```
#87a2b3
```
#87a2b3 rgb(135,162,179)
```
#80a3ba
```
#80a3ba rgb(128,163,186)
```
#78a5c2
```
#78a5c2 rgb(120,165,194)
```
#71a7c9
```
#71a7c9 rgb(113,167,201)
```
#69a8d1
```
#69a8d1 rgb(105,168,209)
```
#62aad8
```
#62aad8 rgb(98,170,216)
```
#5aace0
```
#5aace0 rgb(90,172,224)
```
#53ade7
```
#53ade7 rgb(83,173,231)
```
#4bafef
```
#4bafef rgb(75,175,239)
```
#43b1f7
```
#43b1f7 rgb(67,177,247)
```
#3cb2fe
```
#3cb2fe rgb(60,178,254)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#899da9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96a8e8 Protanopia 1% of men
#89aaf3 Deuteranopia 1% of men
#2fbac8 Tritanopia 0.001% of the population

Trichromacy

#7aabea Protanomaly 1% of men, 0.01% of women
#72abf1 Deuteranomaly 6% of men, 0.4% of women
#39b6d6 Tritanomaly 0.01% of the population

#4bafef hex color

#4bafef Color Information

#4bafef Color Conversion

Color Schemes with #4bafef

Alternatives to #4bafef

#4bafef Preview

Shades and Tints of #4bafef

Tones of #4bafef

Color Blindness Simulator