#7fb1f4 hex color

In a RGB color space, hex #7fb1f4 is composed of 49.8% red, 69.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 48% cyan, 27.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 214.4 degrees, a saturation of 84.2% and a lightness of 72.7%. #7fb1f4 color hex could be obtained by blending #feffff with #0063e9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 50
- G 69
- B 96
RGB color chart
- C 48
- M 27
- Y 0
- K 4
CMYK color chart

● #7fb1f4 color description : Soft blue.

The hexadecimal color #7fb1f4 has RGB values of R:127, G:177, B:244 and CMYK values of C:0.48, M:0.27, Y:0, K:0.04. Its decimal value is 8368628.

Hex triplet	7fb1f4	`#7fb1f4`
RGB Decimal	127, 177, 244	`rgb(127,177,244)`
RGB Percent	49.8, 69.4, 95.7	`rgb(49.8%,69.4%,95.7%)`
CMYK	48, 27, 0, 4
HSL	214.4°, 84.2, 72.7	`hsl(214.4,84.2%,72.7%)`
HSV (or HSB)	214.4°, 48, 95.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	71.205, 1.294, -38.473
XYZ	40.8, 42.486, 91.634
xyY	0.233, 0.243, 42.486
CIE-LCH	71.205, 38.495, 271.926
CIE-LUV	71.205, -24.613, -62.112
Hunter-Lab	65.181, -2.336, -37.725
Binary	01111111, 10110001, 11110100

#7fb1f4
```
#7fb1f4 rgb(127,177,244)
```
#f4c27f
```
#f4c27f rgb(244,194,127)
```

Complementary Color

#7fecf4
```
#7fecf4 rgb(127,236,244)
```
#7fb1f4
```
#7fb1f4 rgb(127,177,244)
```
#887ff4
```
#887ff4 rgb(136,127,244)
```

Analogous Color

#ecf47f
```
#ecf47f rgb(236,244,127)
```
#7fb1f4
```
#7fb1f4 rgb(127,177,244)
```
#f4887f
```
#f4887f rgb(244,136,127)
```

Split Complementary Color

#b1f47f
```
#b1f47f rgb(177,244,127)
```
#7fb1f4
```
#7fb1f4 rgb(127,177,244)
```
#f47fb1
```
#f47fb1 rgb(244,127,177)
```

Triadic Color

#7ff4c2
```
#7ff4c2 rgb(127,244,194)
```
#7fb1f4
```
#7fb1f4 rgb(127,177,244)
```
#f47fb1
```
#f47fb1 rgb(244,127,177)
```
#f4c27f
```
#f4c27f rgb(244,194,127)
```

Tetradic Color

#3986ee
```
#3986ee rgb(57,134,238)
```
#5094f0
```
#5094f0 rgb(80,148,240)
```
#68a3f2
```
#68a3f2 rgb(104,163,242)
```
#7fb1f4
```
#7fb1f4 rgb(127,177,244)
```
#96bff6
```
#96bff6 rgb(150,191,246)
```
#aecef8
```
#aecef8 rgb(174,206,248)
```
#c5dcfa
```
#c5dcfa rgb(197,220,250)
```

Monochromatic Color

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

#7fcef4
```
#7fcef4 rgb(127,206,244)
```
#7fc5f4
```
#7fc5f4 rgb(127,197,244)
```
#7fbbf4
```
#7fbbf4 rgb(127,187,244)
```
#7fb1f4
```
#7fb1f4 rgb(127,177,244)
```
#7fa7f4
```
#7fa7f4 rgb(127,167,244)
```
#7f9ef4
```
#7f9ef4 rgb(127,158,244)
```
#7f94f4
```
#7f94f4 rgb(127,148,244)
```

Similar Colors

Text with hexadecimal color #7fb1f4

This text has a font color of #7fb1f4.

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

#7fb1f4 background color

This paragraph has a background color of #7fb1f4.

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

#7fb1f4 border color

This element has a border color of #7fb1f4.

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

CSS codes

.text {color:#7fb1f4;}

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

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

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

#010811
```
#010811 rgb(1,8,17)
```
#031023
```
#031023 rgb(3,16,35)
```
#051935
```
#051935 rgb(5,25,53)
```
#062247
```
#062247 rgb(6,34,71)
```
#082a59
```
#082a59 rgb(8,42,89)
```
#09336b
```
#09336b rgb(9,51,107)
```
#0b3c7d
```
#0b3c7d rgb(11,60,125)
```
#0c448f
```
#0c448f rgb(12,68,143)
```
#0e4da1
```
#0e4da1 rgb(14,77,161)
```
#0f55b3
```
#0f55b3 rgb(15,85,179)
```
#115ec5
```
#115ec5 rgb(17,94,197)
```
#1267d7
```
#1267d7 rgb(18,103,215)
```
#146fe9
```
#146fe9 rgb(20,111,233)
```

Shade Color Variation

#257aec
```
#257aec rgb(37,122,236)
```
#3785ee
```
#3785ee rgb(55,133,238)
```
#4990ef
```
#4990ef rgb(73,144,239)
```
#5b9bf1
```
#5b9bf1 rgb(91,155,241)
```
#6da6f2
```
#6da6f2 rgb(109,166,242)
```
#7fb1f4
```
#7fb1f4 rgb(127,177,244)
```
#91bcf6
```
#91bcf6 rgb(145,188,246)
```
#a3c7f7
```
#a3c7f7 rgb(163,199,247)
```
#b5d2f9
```
#b5d2f9 rgb(181,210,249)
```
#c7ddfa
```
#c7ddfa rgb(199,221,250)
```
#d9e8fc
```
#d9e8fc rgb(217,232,252)
```
#ebf3fd
```
#ebf3fd rgb(235,243,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#b4b9bf
```
#b4b9bf rgb(180,185,191)
```
#afb8c4
```
#afb8c4 rgb(175,184,196)
```
#aab7c9
```
#aab7c9 rgb(170,183,201)
```
#a4b6cf
```
#a4b6cf rgb(164,182,207)
```
#9fb6d4
```
#9fb6d4 rgb(159,182,212)
```
#9ab5d9
```
#9ab5d9 rgb(154,181,217)
```
#94b4df
```
#94b4df rgb(148,180,223)
```
#8fb3e4
```
#8fb3e4 rgb(143,179,228)
```
#8ab3e9
```
#8ab3e9 rgb(138,179,233)
```
#84b2ef
```
#84b2ef rgb(132,178,239)
```
#7fb1f4
```
#7fb1f4 rgb(127,177,244)
```
#7ab0f9
```
#7ab0f9 rgb(122,176,249)
```
#74afff
```
#74afff rgb(116,175,255)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a1abb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9db0f1 Protanopia 1% of men
#97b1f6 Deuteranopia 1% of men
#75bdcb Tritanopia 0.001% of the population

Trichromacy

#92b0f2 Protanomaly 1% of men, 0.01% of women
#8eb1f5 Deuteranomaly 6% of men, 0.4% of women
#78b8d9 Tritanomaly 0.01% of the population

#7fb1f4 hex color

#7fb1f4 Color Information

#7fb1f4 Color Conversion

Color Schemes with #7fb1f4

Alternatives to #7fb1f4

#7fb1f4 Preview

Shades and Tints of #7fb1f4

Tones of #7fb1f4

Color Blindness Simulator