#4fa2be hex color

In a RGB color space, hex #4fa2be is composed of 31% red, 63.5% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 14.7% magenta, 0% yellow and 25.5% black. It has a hue angle of 195.1 degrees, a saturation of 46.1% and a lightness of 52.7%. #4fa2be color hex could be obtained by blending #9effff with #00457d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 64
- B 75
RGB color chart
- C 58
- M 15
- Y 0
- K 25
CMYK color chart

● #4fa2be color description : Moderate blue.

The hexadecimal color #4fa2be has RGB values of R:79, G:162, B:190 and CMYK values of C:0.58, M:0.15, Y:0, K:0.25. Its decimal value is 5219006.

Hex triplet	4fa2be	`#4fa2be`
RGB Decimal	79, 162, 190	`rgb(79,162,190)`
RGB Percent	31, 63.5, 74.5	`rgb(31%,63.5%,74.5%)`
CMYK	58, 15, 0, 25
HSL	195.1°, 46.1, 52.7	`hsl(195.1,46.1%,52.7%)`
HSV (or HSB)	195.1°, 58.4, 74.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.692, -16.976, -22.043
XYZ	25.437, 31.219, 53.398
xyY	0.231, 0.284, 31.219
CIE-LCH	62.692, 27.822, 232.4
CIE-LUV	62.692, -34.428, -31.509
Hunter-Lab	55.874, -16.517, -17.551
Binary	01001111, 10100010, 10111110

#4fa2be
```
#4fa2be rgb(79,162,190)
```
#be6b4f
```
#be6b4f rgb(190,107,79)
```

Complementary Color

#4fbea3
```
#4fbea3 rgb(79,190,163)
```
#4fa2be
```
#4fa2be rgb(79,162,190)
```
#4f6bbe
```
#4f6bbe rgb(79,107,190)
```

Analogous Color

#bea34f
```
#bea34f rgb(190,163,79)
```
#4fa2be
```
#4fa2be rgb(79,162,190)
```
#be4f6b
```
#be4f6b rgb(190,79,107)
```

Split Complementary Color

#a2be4f
```
#a2be4f rgb(162,190,79)
```
#4fa2be
```
#4fa2be rgb(79,162,190)
```
#be4fa2
```
#be4fa2 rgb(190,79,162)
```

Triadic Color

#4fbe6b
```
#4fbe6b rgb(79,190,107)
```
#4fa2be
```
#4fa2be rgb(79,162,190)
```
#be4fa2
```
#be4fa2 rgb(190,79,162)
```
#be6b4f
```
#be6b4f rgb(190,107,79)
```

Tetradic Color

#34768d
```
#34768d rgb(52,118,141)
```
#3b869f
```
#3b869f rgb(59,134,159)
```
#4296b2
```
#4296b2 rgb(66,150,178)
```
#4fa2be
```
#4fa2be rgb(79,162,190)
```
#62acc5
```
#62acc5 rgb(98,172,197)
```
#74b6cc
```
#74b6cc rgb(116,182,204)
```
#87c0d3
```
#87c0d3 rgb(135,192,211)
```

Monochromatic Color

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

#4fbebe
```
#4fbebe rgb(79,190,190)
```
#4fb5be
```
#4fb5be rgb(79,181,190)
```
#4fabbe
```
#4fabbe rgb(79,171,190)
```
#4fa2be
```
#4fa2be rgb(79,162,190)
```
#4f99be
```
#4f99be rgb(79,153,190)
```
#4f90be
```
#4f90be rgb(79,144,190)
```
#4f86be
```
#4f86be rgb(79,134,190)
```

Similar Colors

Text with hexadecimal color #4fa2be

This text has a font color of #4fa2be.

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

#4fa2be background color

This paragraph has a background color of #4fa2be.

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

#4fa2be border color

This element has a border color of #4fa2be.

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

CSS codes

.text {color:#4fa2be;}

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

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

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, #04090a is the darkest color, while #fbfdfd is the lightest one.

#04090a
```
#04090a rgb(4,9,10)
```
#091519
```
#091519 rgb(9,21,25)
```
#0e2127
```
#0e2127 rgb(14,33,39)
```
#142d35
```
#142d35 rgb(20,45,53)
```
#193944
```
#193944 rgb(25,57,68)
```
#1e4552
```
#1e4552 rgb(30,69,82)
```
#245160
```
#245160 rgb(36,81,96)
```
#295d6e
```
#295d6e rgb(41,93,110)
```
#2e697d
```
#2e697d rgb(46,105,125)
```
#33758b
```
#33758b rgb(51,117,139)
```
#398199
```
#398199 rgb(57,129,153)
```
#3e8da8
```
#3e8da8 rgb(62,141,168)
```
#4399b6
```
#4399b6 rgb(67,153,182)
```

Shade Color Variation

#4fa2be
```
#4fa2be rgb(79,162,190)
```
#5daac3
```
#5daac3 rgb(93,170,195)
```
#6cb1c9
```
#6cb1c9 rgb(108,177,201)
```
#7ab9ce
```
#7ab9ce rgb(122,185,206)
```
#88c0d3
```
#88c0d3 rgb(136,192,211)
```
#97c8d8
```
#97c8d8 rgb(151,200,216)
```
#a5cfde
```
#a5cfde rgb(165,207,222)
```
#b3d7e3
```
#b3d7e3 rgb(179,215,227)
```
#c2dfe8
```
#c2dfe8 rgb(194,223,232)
```
#d0e6ee
```
#d0e6ee rgb(208,230,238)
```
#deeef3
```
#deeef3 rgb(222,238,243)
```
#edf5f8
```
#edf5f8 rgb(237,245,248)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8b90 is the less saturated color, while #0ec2ff is the most saturated one.

#7d8b90
```
#7d8b90 rgb(125,139,144)
```
#749099
```
#749099 rgb(116,144,153)
```
#6b94a2
```
#6b94a2 rgb(107,148,162)
```
#6299ab
```
#6299ab rgb(98,153,171)
```
#589db5
```
#589db5 rgb(88,157,181)
```
#4fa2be
```
#4fa2be rgb(79,162,190)
```
#46a7c7
```
#46a7c7 rgb(70,167,199)
```
#3cabd1
```
#3cabd1 rgb(60,171,209)
```
#33b0da
```
#33b0da rgb(51,176,218)
```
#2ab4e3
```
#2ab4e3 rgb(42,180,227)
```
#21b9ec
```
#21b9ec rgb(33,185,236)
```
#17bef6
```
#17bef6 rgb(23,190,246)
```
#0ec2ff
```
#0ec2ff rgb(14,194,255)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#809096 Atypical Achromatopsia 0.001% of the population

Dichromacy

#959bba Protanopia 1% of men
#949ac6 Deuteranopia 1% of men
#51a8b5 Tritanopia 0.001% of the population

Trichromacy

#7c9dbb Protanomaly 1% of men, 0.01% of women
#7b9dc3 Deuteranomaly 6% of men, 0.4% of women
#50a6b8 Tritanomaly 0.01% of the population

#4fa2be hex color

#4fa2be Color Information

#4fa2be Color Conversion

Color Schemes with #4fa2be

Alternatives to #4fa2be

#4fa2be Preview

Shades and Tints of #4fa2be

Tones of #4fa2be

Color Blindness Simulator