#7fabf0 hex color

In a RGB color space, hex #7fabf0 is composed of 49.8% red, 67.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 28.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 216.6 degrees, a saturation of 79% and a lightness of 72%. #7fabf0 color hex could be obtained by blending #feffff with #0057e1. Closest websafe color is: #6699ff.

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

● #7fabf0 color description : Soft blue.

The hexadecimal color #7fabf0 has RGB values of R:127, G:171, B:240 and CMYK values of C:0.47, M:0.29, Y:0, K:0.06. Its decimal value is 8367088.

Hex triplet	7fabf0	`#7fabf0`
RGB Decimal	127, 171, 240	`rgb(127,171,240)`
RGB Percent	49.8, 67.1, 94.1	`rgb(49.8%,67.1%,94.1%)`
CMYK	47, 29, 0, 6
HSL	216.6°, 79, 72	`hsl(216.6,79%,72%)`
HSV (or HSB)	216.6°, 47.1, 94.1
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.418, 3.493, -39.083
XYZ	39.04, 39.927, 88.083
xyY	0.234, 0.239, 39.927
CIE-LCH	69.418, 39.239, 275.107
CIE-LUV	69.418, -22.337, -63.203
Hunter-Lab	63.188, -0.295, -38.417
Binary	01111111, 10101011, 11110000

#7fabf0
```
#7fabf0 rgb(127,171,240)
```
#f0c47f
```
#f0c47f rgb(240,196,127)
```

Complementary Color

#7fe4f0
```
#7fe4f0 rgb(127,228,240)
```
#7fabf0
```
#7fabf0 rgb(127,171,240)
```
#8c7ff0
```
#8c7ff0 rgb(140,127,240)
```

Analogous Color

#e4f07f
```
#e4f07f rgb(228,240,127)
```
#7fabf0
```
#7fabf0 rgb(127,171,240)
```
#f08c7f
```
#f08c7f rgb(240,140,127)
```

Split Complementary Color

#abf07f
```
#abf07f rgb(171,240,127)
```
#7fabf0
```
#7fabf0 rgb(127,171,240)
```
#f07fab
```
#f07fab rgb(240,127,171)
```

Triadic Color

#7ff0c4
```
#7ff0c4 rgb(127,240,196)
```
#7fabf0
```
#7fabf0 rgb(127,171,240)
```
#f07fab
```
#f07fab rgb(240,127,171)
```
#f0c47f
```
#f0c47f rgb(240,196,127)
```

Tetradic Color

#3b7ee8
```
#3b7ee8 rgb(59,126,232)
```
#518deb
```
#518deb rgb(81,141,235)
```
#689ced
```
#689ced rgb(104,156,237)
```
#7fabf0
```
#7fabf0 rgb(127,171,240)
```
#96baf3
```
#96baf3 rgb(150,186,243)
```
#adc9f5
```
#adc9f5 rgb(173,201,245)
```
#c3d8f8
```
#c3d8f8 rgb(195,216,248)
```

Monochromatic Color

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

#7fc7f0
```
#7fc7f0 rgb(127,199,240)
```
#7fbef0
```
#7fbef0 rgb(127,190,240)
```
#7fb4f0
```
#7fb4f0 rgb(127,180,240)
```
#7fabf0
```
#7fabf0 rgb(127,171,240)
```
#7fa2f0
```
#7fa2f0 rgb(127,162,240)
```
#7f98f0
```
#7f98f0 rgb(127,152,240)
```
#7f8ff0
```
#7f8ff0 rgb(127,143,240)
```

Similar Colors

Text with hexadecimal color #7fabf0

This text has a font color of #7fabf0.

<span style="color:#7fabf0;">Text here</span>

#7fabf0 background color

This paragraph has a background color of #7fabf0.

<p style="background-color:#7fabf0;">Content here</p>

#7fabf0 border color

This element has a border color of #7fabf0.

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

CSS codes

.text {color:#7fabf0;}

.background {background-color:#7fabf0;}

.border {border:1px solid #7fabf0;}

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, #01060c is the darkest color, while #fafcfe is the lightest one.

#01060c
```
#01060c rgb(1,6,12)
```
#040e1e
```
#040e1e rgb(4,14,30)
```
#061630
```
#061630 rgb(6,22,48)
```
#081e41
```
#081e41 rgb(8,30,65)
```
#0a2653
```
#0a2653 rgb(10,38,83)
```
#0c2e64
```
#0c2e64 rgb(12,46,100)
```
#0e3676
```
#0e3676 rgb(14,54,118)
```
#103e87
```
#103e87 rgb(16,62,135)
```
#124699
```
#124699 rgb(18,70,153)
```
#144faa
```
#144faa rgb(20,79,170)
```
#1657bc
```
#1657bc rgb(22,87,188)
```
#185fce
```
#185fce rgb(24,95,206)
```
#1a67df
```
#1a67df rgb(26,103,223)
```

Shade Color Variation

#2771e6
```
#2771e6 rgb(39,113,230)
```
#397de8
```
#397de8 rgb(57,125,232)
```
#4a88ea
```
#4a88ea rgb(74,136,234)
```
#5c94ec
```
#5c94ec rgb(92,148,236)
```
#6d9fee
```
#6d9fee rgb(109,159,238)
```
#7fabf0
```
#7fabf0 rgb(127,171,240)
```
#91b7f2
```
#91b7f2 rgb(145,183,242)
```
#a2c2f4
```
#a2c2f4 rgb(162,194,244)
```
#b4cef6
```
#b4cef6 rgb(180,206,246)
```
#c5d9f8
```
#c5d9f8 rgb(197,217,248)
```
#d7e5fa
```
#d7e5fa rgb(215,229,250)
```
#e8f0fc
```
#e8f0fc rgb(232,240,252)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#b6b7b9
```
#b6b7b9 rgb(182,183,185)
```
#b1b6bf
```
#b1b6bf rgb(177,182,191)
```
#abb5c4
```
#abb5c4 rgb(171,181,196)
```
#a6b4ca
```
#a6b4ca rgb(166,180,202)
```
#a0b2cf
```
#a0b2cf rgb(160,178,207)
```
#9bb1d5
```
#9bb1d5 rgb(155,177,213)
```
#95b0da
```
#95b0da rgb(149,176,218)
```
#90afe0
```
#90afe0 rgb(144,175,224)
```
#8aade5
```
#8aade5 rgb(138,173,229)
```
#85aceb
```
#85aceb rgb(133,172,235)
```
#7fabf0
```
#7fabf0 rgb(127,171,240)
```
#7aaaf6
```
#7aaaf6 rgb(122,170,246)
```
#74a9fb
```
#74a9fb rgb(116,169,251)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#9ea7b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97abee Protanopia 1% of men
#91acf1 Deuteranopia 1% of men
#75b8c5 Tritanopia 0.001% of the population

Trichromacy

#8eabee Protanomaly 1% of men, 0.01% of women
#8aacf1 Deuteranomaly 6% of men, 0.4% of women
#78b3d4 Tritanomaly 0.01% of the population

#7fabf0 hex color

#7fabf0 Color Information

#7fabf0 Color Conversion

Color Schemes with #7fabf0

Alternatives to #7fabf0

#7fabf0 Preview

Shades and Tints of #7fabf0

Tones of #7fabf0

Color Blindness Simulator