#7fb7fe hex color

In a RGB color space, hex #7fb7fe is composed of 49.8% red, 71.8% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 28% magenta, 0% yellow and 0.4% black. It has a hue angle of 213.5 degrees, a saturation of 98.4% and a lightness of 74.7%. #7fb7fe color hex could be obtained by blending #feffff with #006ffd. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 50
- G 72
- B 100
RGB color chart
- C 50
- M 28
- Y 0
- K 0
CMYK color chart

● #7fb7fe color description : Soft blue.

The hexadecimal color #7fb7fe has RGB values of R:127, G:183, B:254 and CMYK values of C:0.5, M:0.28, Y:0, K:0. Its decimal value is 8370174.

Hex triplet	7fb7fe	`#7fb7fe`
RGB Decimal	127, 183, 254	`rgb(127,183,254)`
RGB Percent	49.8, 71.8, 99.6	`rgb(49.8%,71.8%,99.6%)`
CMYK	50, 28, 0, 0
HSL	213.5°, 98.4, 74.7	`hsl(213.5,98.4%,74.7%)`
HSV (or HSB)	213.5°, 50, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.241, 0.869, -40.706
XYZ	43.571, 45.533, 100.253
xyY	0.23, 0.24, 45.533
CIE-LCH	73.241, 40.715, 271.223
CIE-LUV	73.241, -26.84, -66.117
Hunter-Lab	67.478, -2.827, -40.854
Binary	01111111, 10110111, 11111110

#7fb7fe
```
#7fb7fe rgb(127,183,254)
```
#fec67f
```
#fec67f rgb(254,198,127)
```

Complementary Color

#7ff7fe
```
#7ff7fe rgb(127,247,254)
```
#7fb7fe
```
#7fb7fe rgb(127,183,254)
```
#877ffe
```
#877ffe rgb(135,127,254)
```

Analogous Color

#f7fe7f
```
#f7fe7f rgb(247,254,127)
```
#7fb7fe
```
#7fb7fe rgb(127,183,254)
```
#fe877f
```
#fe877f rgb(254,135,127)
```

Split Complementary Color

#b7fe7f
```
#b7fe7f rgb(183,254,127)
```
#7fb7fe
```
#7fb7fe rgb(127,183,254)
```
#fe7fb7
```
#fe7fb7 rgb(254,127,183)
```

Triadic Color

#7ffec6
```
#7ffec6 rgb(127,254,198)
```
#7fb7fe
```
#7fb7fe rgb(127,183,254)
```
#fe7fb7
```
#fe7fb7 rgb(254,127,183)
```
#fec67f
```
#fec67f rgb(254,198,127)
```

Tetradic Color

#338cfd
```
#338cfd rgb(51,140,253)
```
#4c9bfe
```
#4c9bfe rgb(76,155,254)
```
#66a9fe
```
#66a9fe rgb(102,169,254)
```
#7fb7fe
```
#7fb7fe rgb(127,183,254)
```
#98c5fe
```
#98c5fe rgb(152,197,254)
```
#b2d3fe
```
#b2d3fe rgb(178,211,254)
```
#cbe2ff
```
#cbe2ff rgb(203,226,255)
```

Monochromatic Color

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

#7fd7fe
```
#7fd7fe rgb(127,215,254)
```
#7fccfe
```
#7fccfe rgb(127,204,254)
```
#7fc2fe
```
#7fc2fe rgb(127,194,254)
```
#7fb7fe
```
#7fb7fe rgb(127,183,254)
```
#7facfe
```
#7facfe rgb(127,172,254)
```
#7fa2fe
```
#7fa2fe rgb(127,162,254)
```
#7f97fe
```
#7f97fe rgb(127,151,254)
```

Similar Colors

Text with hexadecimal color #7fb7fe

This text has a font color of #7fb7fe.

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

#7fb7fe background color

This paragraph has a background color of #7fb7fe.

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

#7fb7fe border color

This element has a border color of #7fb7fe.

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

CSS codes

.text {color:#7fb7fe;}

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

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

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

#000408
```
#000408 rgb(0,4,8)
```
#000c1c
```
#000c1c rgb(0,12,28)
```
#00152f
```
#00152f rgb(0,21,47)
```
#011e43
```
#011e43 rgb(1,30,67)
```
#012656
```
#012656 rgb(1,38,86)
```
#012f6a
```
#012f6a rgb(1,47,106)
```
#01387d
```
#01387d rgb(1,56,125)
```
#014090
```
#014090 rgb(1,64,144)
```
#0149a4
```
#0149a4 rgb(1,73,164)
```
#0152b7
```
#0152b7 rgb(1,82,183)
```
#025acb
```
#025acb rgb(2,90,203)
```
#0263de
```
#0263de rgb(2,99,222)
```
#026cf2
```
#026cf2 rgb(2,108,242)
```

Shade Color Variation

#0a75fd
```
#0a75fd rgb(10,117,253)
```
#1e80fd
```
#1e80fd rgb(30,128,253)
```
#318bfd
```
#318bfd rgb(49,139,253)
```
#4596fe
```
#4596fe rgb(69,150,254)
```
#58a1fe
```
#58a1fe rgb(88,161,254)
```
#6cacfe
```
#6cacfe rgb(108,172,254)
```
#7fb7fe
```
#7fb7fe rgb(127,183,254)
```
#92c2fe
```
#92c2fe rgb(146,194,254)
```
#a6cdfe
```
#a6cdfe rgb(166,205,254)
```
#b9d8fe
```
#b9d8fe rgb(185,216,254)
```
#cde3ff
```
#cde3ff rgb(205,227,255)
```
#e0eeff
```
#e0eeff rgb(224,238,255)
```
#f4f9ff
```
#f4f9ff rgb(244,249,255)
```

Tint Color Variation

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

#bbbec2
```
#bbbec2 rgb(187,190,194)
```
#b6bdc7
```
#b6bdc7 rgb(182,189,199)
```
#b1bdcc
```
#b1bdcc rgb(177,189,204)
```
#acbcd1
```
#acbcd1 rgb(172,188,209)
```
#a7bcd6
```
#a7bcd6 rgb(167,188,214)
```
#a2bbdb
```
#a2bbdb rgb(162,187,219)
```
#9dbbe0
```
#9dbbe0 rgb(157,187,224)
```
#98bae5
```
#98bae5 rgb(152,186,229)
```
#93b9ea
```
#93b9ea rgb(147,185,234)
```
#8eb9ef
```
#8eb9ef rgb(142,185,239)
```
#89b8f4
```
#89b8f4 rgb(137,184,244)
```
#84b8f9
```
#84b8f9 rgb(132,184,249)
```
#7fb7fe
```
#7fb7fe rgb(127,183,254)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#a5b0be Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1b5fa Protanopia 1% of men
#99b6ff Deuteranopia 1% of men
#73c3d1 Tritanopia 0.001% of the population

Trichromacy

#94b5fb Protanomaly 1% of men, 0.01% of women
#90b6fe Deuteranomaly 6% of men, 0.4% of women
#77bfe1 Tritanomaly 0.01% of the population

#7fb7fe hex color

#7fb7fe Color Information

#7fb7fe Color Conversion

Color Schemes with #7fb7fe

Alternatives to #7fb7fe

#7fb7fe Preview

Shades and Tints of #7fb7fe

Tones of #7fb7fe

Color Blindness Simulator