#7fb7f5 hex color

In a RGB color space, hex #7fb7f5 is composed of 49.8% red, 71.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 48.2% cyan, 25.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 211.5 degrees, a saturation of 85.5% and a lightness of 72.9%. #7fb7f5 color hex could be obtained by blending #feffff with #006feb. Closest websafe color is: #66ccff.

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

● #7fb7f5 color description : Soft blue.

The hexadecimal color #7fb7f5 has RGB values of R:127, G:183, B:245 and CMYK values of C:0.48, M:0.25, Y:0, K:0.04. Its decimal value is 8370165.

Hex triplet	7fb7f5	`#7fb7f5`
RGB Decimal	127, 183, 245	`rgb(127,183,245)`
RGB Percent	49.8, 71.8, 96.1	`rgb(49.8%,71.8%,96.1%)`
CMYK	48, 25, 0, 4
HSL	211.5°, 85.5, 72.9	`hsl(211.5,85.5%,72.9%)`
HSV (or HSB)	211.5°, 48.2, 96.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.872, -1.736, -36.423
XYZ	42.164, 44.969, 92.839
xyY	0.234, 0.25, 44.969
CIE-LCH	72.872, 36.465, 267.271
CIE-LUV	72.872, -26.882, -58.421
Hunter-Lab	67.059, -5.122, -35.142
Binary	01111111, 10110111, 11110101

#7fb7f5
```
#7fb7f5 rgb(127,183,245)
```
#f5bd7f
```
#f5bd7f rgb(245,189,127)
```

Complementary Color

#7ff2f5
```
#7ff2f5 rgb(127,242,245)
```
#7fb7f5
```
#7fb7f5 rgb(127,183,245)
```
#827ff5
```
#827ff5 rgb(130,127,245)
```

Analogous Color

#f2f57f
```
#f2f57f rgb(242,245,127)
```
#7fb7f5
```
#7fb7f5 rgb(127,183,245)
```
#f5827f
```
#f5827f rgb(245,130,127)
```

Split Complementary Color

#b7f57f
```
#b7f57f rgb(183,245,127)
```
#7fb7f5
```
#7fb7f5 rgb(127,183,245)
```
#f57fb7
```
#f57fb7 rgb(245,127,183)
```

Triadic Color

#7ff5bd
```
#7ff5bd rgb(127,245,189)
```
#7fb7f5
```
#7fb7f5 rgb(127,183,245)
```
#f57fb7
```
#f57fb7 rgb(245,127,183)
```
#f5bd7f
```
#f5bd7f rgb(245,189,127)
```

Tetradic Color

#388fef
```
#388fef rgb(56,143,239)
```
#509cf1
```
#509cf1 rgb(80,156,241)
```
#67aaf3
```
#67aaf3 rgb(103,170,243)
```
#7fb7f5
```
#7fb7f5 rgb(127,183,245)
```
#97c4f7
```
#97c4f7 rgb(151,196,247)
```
#aed2f9
```
#aed2f9 rgb(174,210,249)
```
#c6dffb
```
#c6dffb rgb(198,223,251)
```

Monochromatic Color

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

#7fd5f5
```
#7fd5f5 rgb(127,213,245)
```
#7fcbf5
```
#7fcbf5 rgb(127,203,245)
```
#7fc1f5
```
#7fc1f5 rgb(127,193,245)
```
#7fb7f5
```
#7fb7f5 rgb(127,183,245)
```
#7fadf5
```
#7fadf5 rgb(127,173,245)
```
#7fa3f5
```
#7fa3f5 rgb(127,163,245)
```
#7f9af5
```
#7f9af5 rgb(127,154,245)
```

Similar Colors

Text with hexadecimal color #7fb7f5

This text has a font color of #7fb7f5.

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

#7fb7f5 background color

This paragraph has a background color of #7fb7f5.

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

#7fb7f5 border color

This element has a border color of #7fb7f5.

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

CSS codes

.text {color:#7fb7f5;}

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

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

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

#010912
```
#010912 rgb(1,9,18)
```
#031224
```
#031224 rgb(3,18,36)
```
#041c36
```
#041c36 rgb(4,28,54)
```
#062548
```
#062548 rgb(6,37,72)
```
#072f5a
```
#072f5a rgb(7,47,90)
```
#08386d
```
#08386d rgb(8,56,109)
```
#0a417f
```
#0a417f rgb(10,65,127)
```
#0b4b91
```
#0b4b91 rgb(11,75,145)
```
#0d54a3
```
#0d54a3 rgb(13,84,163)
```
#0e5db5
```
#0e5db5 rgb(14,93,181)
```
#1067c7
```
#1067c7 rgb(16,103,199)
```
#1170da
```
#1170da rgb(17,112,218)
```
#127aec
```
#127aec rgb(18,122,236)
```

Shade Color Variation

#2484ee
```
#2484ee rgb(36,132,238)
```
#368eef
```
#368eef rgb(54,142,239)
```
#4898f1
```
#4898f1 rgb(72,152,241)
```
#5ba3f2
```
#5ba3f2 rgb(91,163,242)
```
#6dadf4
```
#6dadf4 rgb(109,173,244)
```
#7fb7f5
```
#7fb7f5 rgb(127,183,245)
```
#91c1f6
```
#91c1f6 rgb(145,193,246)
```
#a3cbf8
```
#a3cbf8 rgb(163,203,248)
```
#b6d6f9
```
#b6d6f9 rgb(182,214,249)
```
#c8e0fb
```
#c8e0fb rgb(200,224,251)
```
#daeafc
```
#daeafc rgb(218,234,252)
```
#ecf4fe
```
#ecf4fe rgb(236,244,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#b9babb
```
#b9babb rgb(185,186,187)
```
#b4bac0
```
#b4bac0 rgb(180,186,192)
```
#afb9c5
```
#afb9c5 rgb(175,185,197)
```
#a9b9cb
```
#a9b9cb rgb(169,185,203)
```
#a4b9d0
```
#a4b9d0 rgb(164,185,208)
```
#9fb9d5
```
#9fb9d5 rgb(159,185,213)
```
#9ab8da
```
#9ab8da rgb(154,184,218)
```
#94b8e0
```
#94b8e0 rgb(148,184,224)
```
#8fb8e5
```
#8fb8e5 rgb(143,184,229)
```
#8ab8ea
```
#8ab8ea rgb(138,184,234)
```
#84b7f0
```
#84b7f0 rgb(132,183,240)
```
#7fb7f5
```
#7fb7f5 rgb(127,183,245)
```
#7ab7fa
```
#7ab7fa rgb(122,183,250)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#a4afbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4b4f1 Protanopia 1% of men
#9eb4f7 Deuteranopia 1% of men
#76c2d0 Tritanopia 0.001% of the population

Trichromacy

#96b5f2 Protanomaly 1% of men, 0.01% of women
#93b5f6 Deuteranomaly 6% of men, 0.4% of women
#79bedd Tritanomaly 0.01% of the population

#7fb7f5 hex color

#7fb7f5 Color Information

#7fb7f5 Color Conversion

Color Schemes with #7fb7f5

Alternatives to #7fb7f5

#7fb7f5 Preview

Shades and Tints of #7fb7f5

Tones of #7fb7f5

Color Blindness Simulator