#4fb2e0 hex color

In a RGB color space, hex #4fb2e0 is composed of 31% red, 69.8% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 20.5% magenta, 0% yellow and 12.2% black. It has a hue angle of 199 degrees, a saturation of 70% and a lightness of 59.4%. #4fb2e0 color hex could be obtained by blending #9effff with #0065c1. Closest websafe color is: #6699cc.

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

● #4fb2e0 color description : Soft blue.

The hexadecimal color #4fb2e0 has RGB values of R:79, G:178, B:224 and CMYK values of C:0.65, M:0.21, Y:0, K:0.12. Its decimal value is 5223136.

Hex triplet	4fb2e0	`#4fb2e0`
RGB Decimal	79, 178, 224	`rgb(79,178,224)`
RGB Percent	31, 69.8, 87.8	`rgb(31%,69.8%,87.8%)`
CMYK	65, 21, 0, 12
HSL	199°, 70, 59.4	`hsl(199,70%,59.4%)`
HSV (or HSB)	199°, 64.7, 87.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.666, -14.958, -31.672
XYZ	32.596, 38.882, 76.304
xyY	0.221, 0.263, 38.882
CIE-LCH	68.666, 35.026, 244.72
CIE-LUV	68.666, -38.824, -48.274
Hunter-Lab	62.356, -15.813, -28.904
Binary	01001111, 10110010, 11100000

#4fb2e0
```
#4fb2e0 rgb(79,178,224)
```
#e07d4f
```
#e07d4f rgb(224,125,79)
```

Complementary Color

#4fe0c6
```
#4fe0c6 rgb(79,224,198)
```
#4fb2e0
```
#4fb2e0 rgb(79,178,224)
```
#4f6ae0
```
#4f6ae0 rgb(79,106,224)
```

Analogous Color

#e0c64f
```
#e0c64f rgb(224,198,79)
```
#4fb2e0
```
#4fb2e0 rgb(79,178,224)
```
#e04f6a
```
#e04f6a rgb(224,79,106)
```

Split Complementary Color

#b2e04f
```
#b2e04f rgb(178,224,79)
```
#4fb2e0
```
#4fb2e0 rgb(79,178,224)
```
#e04fb2
```
#e04fb2 rgb(224,79,178)
```

Triadic Color

#4fe07d
```
#4fe07d rgb(79,224,125)
```
#4fb2e0
```
#4fb2e0 rgb(79,178,224)
```
#e04fb2
```
#e04fb2 rgb(224,79,178)
```
#e07d4f
```
#e07d4f rgb(224,125,79)
```

Tetradic Color

#228ec1
```
#228ec1 rgb(34,142,193)
```
#269ed6
```
#269ed6 rgb(38,158,214)
```
#39a9dc
```
#39a9dc rgb(57,169,220)
```
#4fb2e0
```
#4fb2e0 rgb(79,178,224)
```
#65bbe4
```
#65bbe4 rgb(101,187,228)
```
#7ac5e8
```
#7ac5e8 rgb(122,197,232)
```
#90ceeb
```
#90ceeb rgb(144,206,235)
```

Monochromatic Color

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

#4fd6e0
```
#4fd6e0 rgb(79,214,224)
```
#4fcae0
```
#4fcae0 rgb(79,202,224)
```
#4fbee0
```
#4fbee0 rgb(79,190,224)
```
#4fb2e0
```
#4fb2e0 rgb(79,178,224)
```
#4fa6e0
```
#4fa6e0 rgb(79,166,224)
```
#4f9ae0
```
#4f9ae0 rgb(79,154,224)
```
#4f8ee0
```
#4f8ee0 rgb(79,142,224)
```

Similar Colors

Text with hexadecimal color #4fb2e0

This text has a font color of #4fb2e0.

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

#4fb2e0 background color

This paragraph has a background color of #4fb2e0.

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

#4fb2e0 border color

This element has a border color of #4fb2e0.

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

CSS codes

.text {color:#4fb2e0;}

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

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

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

#010607
```
#010607 rgb(1,6,7)
```
#041218
```
#041218 rgb(4,18,24)
```
#071e29
```
#071e29 rgb(7,30,41)
```
#0a2a39
```
#0a2a39 rgb(10,42,57)
```
#0d374a
```
#0d374a rgb(13,55,74)
```
#10435b
```
#10435b rgb(16,67,91)
```
#134f6c
```
#134f6c rgb(19,79,108)
```
#165c7c
```
#165c7c rgb(22,92,124)
```
#19688d
```
#19688d rgb(25,104,141)
```
#1c749e
```
#1c749e rgb(28,116,158)
```
#1f81ae
```
#1f81ae rgb(31,129,174)
```
#228dbf
```
#228dbf rgb(34,141,191)
```
#2599d0
```
#2599d0 rgb(37,153,208)
```

Shade Color Variation

#2ea3da
```
#2ea3da rgb(46,163,218)
```
#3eabdd
```
#3eabdd rgb(62,171,221)
```
#4fb2e0
```
#4fb2e0 rgb(79,178,224)
```
#60b9e3
```
#60b9e3 rgb(96,185,227)
```
#70c1e6
```
#70c1e6 rgb(112,193,230)
```
#81c8e9
```
#81c8e9 rgb(129,200,233)
```
#92cfec
```
#92cfec rgb(146,207,236)
```
#a2d6ef
```
#a2d6ef rgb(162,214,239)
```
#b3def2
```
#b3def2 rgb(179,222,242)
```
#c4e5f5
```
#c4e5f5 rgb(196,229,245)
```
#d4ecf8
```
#d4ecf8 rgb(212,236,248)
```
#e5f4fa
```
#e5f4fa rgb(229,244,250)
```
#f6fbfd
```
#f6fbfd rgb(246,251,253)
```

Tint Color Variation

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

#979898
```
#979898 rgb(151,152,152)
```
#8f9ba0
```
#8f9ba0 rgb(143,155,160)
```
#879ea8
```
#879ea8 rgb(135,158,168)
```
#7fa1b0
```
#7fa1b0 rgb(127,161,176)
```
#77a3b8
```
#77a3b8 rgb(119,163,184)
```
#6fa6c0
```
#6fa6c0 rgb(111,166,192)
```
#67a9c8
```
#67a9c8 rgb(103,169,200)
```
#5facd0
```
#5facd0 rgb(95,172,208)
```
#57afd8
```
#57afd8 rgb(87,175,216)
```
#4fb2e0
```
#4fb2e0 rgb(79,178,224)
```
#47b5e8
```
#47b5e8 rgb(71,181,232)
```
#3fb8f0
```
#3fb8f0 rgb(63,184,240)
```
#37bbf8
```
#37bbf8 rgb(55,187,248)
```

Tone Color Variation

Below, you can see how #4fb2e0 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
#8b9fa8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9eaad9 Protanopia 1% of men
#98aae6 Deuteranopia 1% of men
#46bac8 Tritanopia 0.001% of the population

Trichromacy

#81addc Protanomaly 1% of men, 0.01% of women
#7dace3 Deuteranomaly 6% of men, 0.4% of women
#49b7d0 Tritanomaly 0.01% of the population

#4fb2e0 hex color

#4fb2e0 Color Information

#4fb2e0 Color Conversion

Color Schemes with #4fb2e0

Alternatives to #4fb2e0

#4fb2e0 Preview

Shades and Tints of #4fb2e0

Tones of #4fb2e0

Color Blindness Simulator