#4bb2e1 hex color

In a RGB color space, hex #4bb2e1 is composed of 29.4% red, 69.8% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 20.9% magenta, 0% yellow and 11.8% black. It has a hue angle of 198.8 degrees, a saturation of 71.4% and a lightness of 58.8%. #4bb2e1 color hex could be obtained by blending #96ffff with #0065c3. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 29
- G 70
- B 88
RGB color chart
- C 67
- M 21
- Y 0
- K 12
CMYK color chart

● #4bb2e1 color description : Soft blue.

The hexadecimal color #4bb2e1 has RGB values of R:75, G:178, B:225 and CMYK values of C:0.67, M:0.21, Y:0, K:0.12. Its decimal value is 4960993.

Hex triplet	4bb2e1	`#4bb2e1`
RGB Decimal	75, 178, 225	`rgb(75,178,225)`
RGB Percent	29.4, 69.8, 88.2	`rgb(29.4%,69.8%,88.2%)`
CMYK	67, 21, 0, 12
HSL	198.8°, 71.4, 58.8	`hsl(198.8,71.4%,58.8%)`
HSV (or HSB)	198.8°, 66.7, 88.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	68.585, -15.277, -32.355
XYZ	32.409, 38.77, 77.005
xyY	0.219, 0.262, 38.77
CIE-LCH	68.585, 35.78, 244.725
CIE-LUV	68.585, -39.605, -49.384
Hunter-Lab	62.266, -16.056, -29.739
Binary	01001011, 10110010, 11100001

#4bb2e1
```
#4bb2e1 rgb(75,178,225)
```
#e17a4b
```
#e17a4b rgb(225,122,75)
```

Complementary Color

#4be1c5
```
#4be1c5 rgb(75,225,197)
```
#4bb2e1
```
#4bb2e1 rgb(75,178,225)
```
#4b67e1
```
#4b67e1 rgb(75,103,225)
```

Analogous Color

#e1c54b
```
#e1c54b rgb(225,197,75)
```
#4bb2e1
```
#4bb2e1 rgb(75,178,225)
```
#e14b67
```
#e14b67 rgb(225,75,103)
```

Split Complementary Color

#b2e14b
```
#b2e14b rgb(178,225,75)
```
#4bb2e1
```
#4bb2e1 rgb(75,178,225)
```
#e14bb2
```
#e14bb2 rgb(225,75,178)
```

Triadic Color

#4be17a
```
#4be17a rgb(75,225,122)
```
#4bb2e1
```
#4bb2e1 rgb(75,178,225)
```
#e14bb2
```
#e14bb2 rgb(225,75,178)
```
#e17a4b
```
#e17a4b rgb(225,122,75)
```

Tetradic Color

#208ec0
```
#208ec0 rgb(32,142,192)
```
#249ed5
```
#249ed5 rgb(36,158,213)
```
#35a9dd
```
#35a9dd rgb(53,169,221)
```
#4bb2e1
```
#4bb2e1 rgb(75,178,225)
```
#61bbe5
```
#61bbe5 rgb(97,187,229)
```
#77c5e8
```
#77c5e8 rgb(119,197,232)
```
#8dceec
```
#8dceec rgb(141,206,236)
```

Monochromatic Color

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

#4bd8e1
```
#4bd8e1 rgb(75,216,225)
```
#4bcbe1
```
#4bcbe1 rgb(75,203,225)
```
#4bbfe1
```
#4bbfe1 rgb(75,191,225)
```
#4bb2e1
```
#4bb2e1 rgb(75,178,225)
```
#4ba6e1
```
#4ba6e1 rgb(75,166,225)
```
#4b99e1
```
#4b99e1 rgb(75,153,225)
```
#4b8de1
```
#4b8de1 rgb(75,141,225)
```

Similar Colors

Text with hexadecimal color #4bb2e1

This text has a font color of #4bb2e1.

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

#4bb2e1 background color

This paragraph has a background color of #4bb2e1.

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

#4bb2e1 border color

This element has a border color of #4bb2e1.

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

CSS codes

.text {color:#4bb2e1;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#041016
```
#041016 rgb(4,16,22)
```
#061d27
```
#061d27 rgb(6,29,39)
```
#092937
```
#092937 rgb(9,41,55)
```
#0c3548
```
#0c3548 rgb(12,53,72)
```
#0f4259
```
#0f4259 rgb(15,66,89)
```
#124e6a
```
#124e6a rgb(18,78,106)
```
#145b7b
```
#145b7b rgb(20,91,123)
```
#17678b
```
#17678b rgb(23,103,139)
```
#1a739c
```
#1a739c rgb(26,115,156)
```
#1d80ad
```
#1d80ad rgb(29,128,173)
```
#208cbe
```
#208cbe rgb(32,140,190)
```
#2299cf
```
#2299cf rgb(34,153,207)
```

Shade Color Variation

#29a4db
```
#29a4db rgb(41,164,219)
```
#3aabde
```
#3aabde rgb(58,171,222)
```
#4bb2e1
```
#4bb2e1 rgb(75,178,225)
```
#5cb9e4
```
#5cb9e4 rgb(92,185,228)
```
#6dc0e7
```
#6dc0e7 rgb(109,192,231)
```
#7dc8e9
```
#7dc8e9 rgb(125,200,233)
```
#8ecfec
```
#8ecfec rgb(142,207,236)
```
#9fd6ef
```
#9fd6ef rgb(159,214,239)
```
#b0ddf2
```
#b0ddf2 rgb(176,221,242)
```
#c1e4f5
```
#c1e4f5 rgb(193,228,245)
```
#d2ecf7
```
#d2ecf7 rgb(210,236,247)
```
#e2f3fa
```
#e2f3fa rgb(226,243,250)
```
#f3fafd
```
#f3fafd rgb(243,250,253)
```

Tint Color Variation

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

#949798
```
#949798 rgb(148,151,152)
```
#8c9aa0
```
#8c9aa0 rgb(140,154,160)
```
#849da8
```
#849da8 rgb(132,157,168)
```
#7ba0b1
```
#7ba0b1 rgb(123,160,177)
```
#73a3b9
```
#73a3b9 rgb(115,163,185)
```
#6ba6c1
```
#6ba6c1 rgb(107,166,193)
```
#63a9c9
```
#63a9c9 rgb(99,169,201)
```
#5bacd1
```
#5bacd1 rgb(91,172,209)
```
#53afd9
```
#53afd9 rgb(83,175,217)
```
#4bb2e1
```
#4bb2e1 rgb(75,178,225)
```
#43b5e9
```
#43b5e9 rgb(67,181,233)
```
#3bb8f1
```
#3bb8f1 rgb(59,184,241)
```
#33bbf9
```
#33bbf9 rgb(51,187,249)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#899ea7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9eaada Protanopia 1% of men
#96aae7 Deuteranopia 1% of men
#40bac8 Tritanopia 0.001% of the population

Trichromacy

#7facdc Protanomaly 1% of men, 0.01% of women
#7bace5 Deuteranomaly 6% of men, 0.4% of women
#44b7d1 Tritanomaly 0.01% of the population

#4bb2e1 hex color

#4bb2e1 Color Information

#4bb2e1 Color Conversion

Color Schemes with #4bb2e1

Alternatives to #4bb2e1

#4bb2e1 Preview

Shades and Tints of #4bb2e1

Tones of #4bb2e1

Color Blindness Simulator