#7fb1ed hex color

In a RGB color space, hex #7fb1ed is composed of 49.8% red, 69.4% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 46.4% cyan, 25.3% magenta, 0% yellow and 7.1% black. It has a hue angle of 212.7 degrees, a saturation of 75.3% and a lightness of 71.4%. #7fb1ed color hex could be obtained by blending #feffff with #0063db. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 50
- G 69
- B 93
RGB color chart
- C 46
- M 25
- Y 0
- K 7
CMYK color chart

● #7fb1ed color description : Soft blue.

The hexadecimal color #7fb1ed has RGB values of R:127, G:177, B:237 and CMYK values of C:0.46, M:0.25, Y:0, K:0.07. Its decimal value is 8368621.

Hex triplet	7fb1ed	`#7fb1ed`
RGB Decimal	127, 177, 237	`rgb(127,177,237)`
RGB Percent	49.8, 69.4, 92.9	`rgb(49.8%,69.4%,92.9%)`
CMYK	46, 25, 0, 7
HSL	212.7°, 75.3, 71.4	`hsl(212.7,75.3%,71.4%)`
HSV (or HSB)	212.7°, 46.4, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.918, -0.714, -35.116
XYZ	39.757, 42.069, 86.141
xyY	0.237, 0.25, 42.069
CIE-LCH	70.918, 35.123, 268.836
CIE-LUV	70.918, -24.613, -56.122
Hunter-Lab	64.861, -4.092, -33.341
Binary	01111111, 10110001, 11101101

#7fb1ed
```
#7fb1ed rgb(127,177,237)
```
#edbb7f
```
#edbb7f rgb(237,187,127)
```

Complementary Color

#7fe8ed
```
#7fe8ed rgb(127,232,237)
```
#7fb1ed
```
#7fb1ed rgb(127,177,237)
```
#847fed
```
#847fed rgb(132,127,237)
```

Analogous Color

#e8ed7f
```
#e8ed7f rgb(232,237,127)
```
#7fb1ed
```
#7fb1ed rgb(127,177,237)
```
#ed847f
```
#ed847f rgb(237,132,127)
```

Split Complementary Color

#b1ed7f
```
#b1ed7f rgb(177,237,127)
```
#7fb1ed
```
#7fb1ed rgb(127,177,237)
```
#ed7fb1
```
#ed7fb1 rgb(237,127,177)
```

Triadic Color

#7fedbb
```
#7fedbb rgb(127,237,187)
```
#7fb1ed
```
#7fb1ed rgb(127,177,237)
```
#ed7fb1
```
#ed7fb1 rgb(237,127,177)
```
#edbb7f
```
#edbb7f rgb(237,187,127)
```

Tetradic Color

#3c88e4
```
#3c88e4 rgb(60,136,228)
```
#5296e7
```
#5296e7 rgb(82,150,231)
```
#69a3ea
```
#69a3ea rgb(105,163,234)
```
#7fb1ed
```
#7fb1ed rgb(127,177,237)
```
#95bff0
```
#95bff0 rgb(149,191,240)
```
#acccf3
```
#acccf3 rgb(172,204,243)
```
#c2daf6
```
#c2daf6 rgb(194,218,246)
```

Monochromatic Color

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

#7fcded
```
#7fcded rgb(127,205,237)
```
#7fc3ed
```
#7fc3ed rgb(127,195,237)
```
#7fbaed
```
#7fbaed rgb(127,186,237)
```
#7fb1ed
```
#7fb1ed rgb(127,177,237)
```
#7fa8ed
```
#7fa8ed rgb(127,168,237)
```
#7f9fed
```
#7f9fed rgb(127,159,237)
```
#7f96ed
```
#7f96ed rgb(127,150,237)
```

Similar Colors

Text with hexadecimal color #7fb1ed

This text has a font color of #7fb1ed.

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

#7fb1ed background color

This paragraph has a background color of #7fb1ed.

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

#7fb1ed border color

This element has a border color of #7fb1ed.

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

CSS codes

.text {color:#7fb1ed;}

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

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

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

#01050a
```
#01050a rgb(1,5,10)
```
#040e1b
```
#040e1b rgb(4,14,27)
```
#06172c
```
#06172c rgb(6,23,44)
```
#09203d
```
#09203d rgb(9,32,61)
```
#0b2a4e
```
#0b2a4e rgb(11,42,78)
```
#0d3360
```
#0d3360 rgb(13,51,96)
```
#103c71
```
#103c71 rgb(16,60,113)
```
#124582
```
#124582 rgb(18,69,130)
```
#154e93
```
#154e93 rgb(21,78,147)
```
#1757a4
```
#1757a4 rgb(23,87,164)
```
#1a60b6
```
#1a60b6 rgb(26,96,182)
```
#1c6ac7
```
#1c6ac7 rgb(28,106,199)
```
#1e73d8
```
#1e73d8 rgb(30,115,216)
```

Shade Color Variation

#297de1
```
#297de1 rgb(41,125,225)
```
#3a87e3
```
#3a87e3 rgb(58,135,227)
```
#4b92e6
```
#4b92e6 rgb(75,146,230)
```
#5d9ce8
```
#5d9ce8 rgb(93,156,232)
```
#6ea7eb
```
#6ea7eb rgb(110,167,235)
```
#7fb1ed
```
#7fb1ed rgb(127,177,237)
```
#90bbef
```
#90bbef rgb(144,187,239)
```
#a1c6f2
```
#a1c6f2 rgb(161,198,242)
```
#b3d0f4
```
#b3d0f4 rgb(179,208,244)
```
#c4dbf7
```
#c4dbf7 rgb(196,219,247)
```
#d5e5f9
```
#d5e5f9 rgb(213,229,249)
```
#e6f0fc
```
#e6f0fc rgb(230,240,252)
```
#f7fafe
```
#f7fafe rgb(247,250,254)
```

Tint Color Variation

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

#b2b6ba
```
#b2b6ba rgb(178,182,186)
```
#acb5c0
```
#acb5c0 rgb(172,181,192)
```
#a6b5c6
```
#a6b5c6 rgb(166,181,198)
```
#a1b4cb
```
#a1b4cb rgb(161,180,203)
```
#9bb4d1
```
#9bb4d1 rgb(155,180,209)
```
#95b3d7
```
#95b3d7 rgb(149,179,215)
```
#90b3dc
```
#90b3dc rgb(144,179,220)
```
#8ab2e2
```
#8ab2e2 rgb(138,178,226)
```
#85b2e7
```
#85b2e7 rgb(133,178,231)
```
#7fb1ed
```
#7fb1ed rgb(127,177,237)
```
#79b0f3
```
#79b0f3 rgb(121,176,243)
```
#74b0f8
```
#74b0f8 rgb(116,176,248)
```
#6eaffe
```
#6eaffe rgb(110,175,254)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#a1abb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fafea Protanopia 1% of men
#9bafef Deuteranopia 1% of men
#77bcc9 Tritanopia 0.001% of the population

Trichromacy

#93b0eb Protanomaly 1% of men, 0.01% of women
#91b0ee Deuteranomaly 6% of men, 0.4% of women
#7ab8d6 Tritanomaly 0.01% of the population

#7fb1ed hex color

#7fb1ed Color Information

#7fb1ed Color Conversion

Color Schemes with #7fb1ed

Alternatives to #7fb1ed

#7fb1ed Preview

Shades and Tints of #7fb1ed

Tones of #7fb1ed

Color Blindness Simulator