#7fa2ed hex color

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

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

● #7fa2ed color description : Soft blue.

The hexadecimal color #7fa2ed has RGB values of R:127, G:162, B:237 and CMYK values of C:0.46, M:0.32, Y:0, K:0.07. Its decimal value is 8364781.

Hex triplet	7fa2ed	`#7fa2ed`
RGB Decimal	127, 162, 237	`rgb(127,162,237)`
RGB Percent	49.8, 63.5, 92.9	`rgb(49.8%,63.5%,92.9%)`
CMYK	46, 32, 0, 7
HSL	220.9°, 75.3, 71.4	`hsl(220.9,75.3%,71.4%)`
HSV (or HSB)	220.9°, 46.4, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.874, 7.72, -41.418
XYZ	36.955, 36.466, 85.207
xyY	0.233, 0.23, 36.466
CIE-LCH	66.874, 42.131, 280.558
CIE-LUV	66.874, -18.925, -67.314
Hunter-Lab	60.387, 3.562, -41.389
Binary	01111111, 10100010, 11101101

#7fa2ed
```
#7fa2ed rgb(127,162,237)
```
#edca7f
```
#edca7f rgb(237,202,127)
```

Complementary Color

#7fd9ed
```
#7fd9ed rgb(127,217,237)
```
#7fa2ed
```
#7fa2ed rgb(127,162,237)
```
#937fed
```
#937fed rgb(147,127,237)
```

Analogous Color

#d9ed7f
```
#d9ed7f rgb(217,237,127)
```
#7fa2ed
```
#7fa2ed rgb(127,162,237)
```
#ed937f
```
#ed937f rgb(237,147,127)
```

Split Complementary Color

#a2ed7f
```
#a2ed7f rgb(162,237,127)
```
#7fa2ed
```
#7fa2ed rgb(127,162,237)
```
#ed7fa2
```
#ed7fa2 rgb(237,127,162)
```

Triadic Color

#7fedca
```
#7fedca rgb(127,237,202)
```
#7fa2ed
```
#7fa2ed rgb(127,162,237)
```
#ed7fa2
```
#ed7fa2 rgb(237,127,162)
```
#edca7f
```
#edca7f rgb(237,202,127)
```

Tetradic Color

#3c71e4
```
#3c71e4 rgb(60,113,228)
```
#5282e7
```
#5282e7 rgb(82,130,231)
```
#6992ea
```
#6992ea rgb(105,146,234)
```
#7fa2ed
```
#7fa2ed rgb(127,162,237)
```
#95b2f0
```
#95b2f0 rgb(149,178,240)
```
#acc2f3
```
#acc2f3 rgb(172,194,243)
```
#c2d3f6
```
#c2d3f6 rgb(194,211,246)
```

Monochromatic Color

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

#7fbeed
```
#7fbeed rgb(127,190,237)
```
#7fb4ed
```
#7fb4ed rgb(127,180,237)
```
#7fabed
```
#7fabed rgb(127,171,237)
```
#7fa2ed
```
#7fa2ed rgb(127,162,237)
```
#7f99ed
```
#7f99ed rgb(127,153,237)
```
#7f90ed
```
#7f90ed rgb(127,144,237)
```
#7f87ed
```
#7f87ed rgb(127,135,237)
```

Similar Colors

Text with hexadecimal color #7fa2ed

This text has a font color of #7fa2ed.

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

#7fa2ed background color

This paragraph has a background color of #7fa2ed.

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

#7fa2ed border color

This element has a border color of #7fa2ed.

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

CSS codes

.text {color:#7fa2ed;}

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

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

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

#01040a
```
#01040a rgb(1,4,10)
```
#040b1b
```
#040b1b rgb(4,11,27)
```
#06122c
```
#06122c rgb(6,18,44)
```
#09193d
```
#09193d rgb(9,25,61)
```
#0b204e
```
#0b204e rgb(11,32,78)
```
#0d2860
```
#0d2860 rgb(13,40,96)
```
#102f71
```
#102f71 rgb(16,47,113)
```
#123682
```
#123682 rgb(18,54,130)
```
#153d93
```
#153d93 rgb(21,61,147)
```
#1744a4
```
#1744a4 rgb(23,68,164)
```
#1a4bb6
```
#1a4bb6 rgb(26,75,182)
```
#1c52c7
```
#1c52c7 rgb(28,82,199)
```
#1e59d8
```
#1e59d8 rgb(30,89,216)
```

Shade Color Variation

#2964e1
```
#2964e1 rgb(41,100,225)
```
#3a70e3
```
#3a70e3 rgb(58,112,227)
```
#4b7de6
```
#4b7de6 rgb(75,125,230)
```
#5d89e8
```
#5d89e8 rgb(93,137,232)
```
#6e96eb
```
#6e96eb rgb(110,150,235)
```
#7fa2ed
```
#7fa2ed rgb(127,162,237)
```
#90aeef
```
#90aeef rgb(144,174,239)
```
#a1bbf2
```
#a1bbf2 rgb(161,187,242)
```
#b3c7f4
```
#b3c7f4 rgb(179,199,244)
```
#c4d4f7
```
#c4d4f7 rgb(196,212,247)
```
#d5e0f9
```
#d5e0f9 rgb(213,224,249)
```
#e6edfc
```
#e6edfc rgb(230,237,252)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

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

#b2b4ba
```
#b2b4ba rgb(178,180,186)
```
#acb2c0
```
#acb2c0 rgb(172,178,192)
```
#a6b0c6
```
#a6b0c6 rgb(166,176,198)
```
#a1aecb
```
#a1aecb rgb(161,174,203)
```
#9bacd1
```
#9bacd1 rgb(155,172,209)
```
#95aad7
```
#95aad7 rgb(149,170,215)
```
#90a8dc
```
#90a8dc rgb(144,168,220)
```
#8aa6e2
```
#8aa6e2 rgb(138,166,226)
```
#85a4e7
```
#85a4e7 rgb(133,164,231)
```
#7fa2ed
```
#7fa2ed rgb(127,162,237)
```
#79a0f3
```
#79a0f3 rgb(121,160,243)
```
#749ef8
```
#749ef8 rgb(116,158,248)
```
#6e9cfe
```
#6e9cfe rgb(110,156,254)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#99a0af Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ea5ec Protanopia 1% of men
#86a6ee Deuteranopia 1% of men
#73b0bd Tritanopia 0.001% of the population

Trichromacy

#88a3ec Protanomaly 1% of men, 0.01% of women
#83a4ed Deuteranomaly 6% of men, 0.4% of women
#77abce Tritanomaly 0.01% of the population

#7fa2ed hex color

#7fa2ed Color Information

#7fa2ed Color Conversion

Color Schemes with #7fa2ed

Alternatives to #7fa2ed

#7fa2ed Preview

Shades and Tints of #7fa2ed

Tones of #7fa2ed

Color Blindness Simulator