#7ac2fb hex color

In a RGB color space, hex #7ac2fb is composed of 47.8% red, 76.1% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 22.7% magenta, 0% yellow and 1.6% black. It has a hue angle of 206.5 degrees, a saturation of 94.2% and a lightness of 73.1%. #7ac2fb color hex could be obtained by blending #f4ffff with #0085f7. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 48
- G 76
- B 98
RGB color chart
- C 51
- M 23
- Y 0
- K 2
CMYK color chart

● #7ac2fb color description : Soft blue.

The hexadecimal color #7ac2fb has RGB values of R:122, G:194, B:251 and CMYK values of C:0.51, M:0.23, Y:0, K:0.02. Its decimal value is 8045307.

Hex triplet	7ac2fb	`#7ac2fb`
RGB Decimal	122, 194, 251	`rgb(122,194,251)`
RGB Percent	47.8, 76.1, 98.4	`rgb(47.8%,76.1%,98.4%)`
CMYK	51, 23, 0, 2
HSL	206.5°, 94.2, 73.1	`hsl(206.5,94.2%,73.1%)`
HSV (or HSB)	206.5°, 51.4, 98.4
Web Safe	66ccff	`#66ccff`

CIE-LAB	75.875, -7.105, -35.021
XYZ	44.726, 49.684, 98.494
xyY	0.232, 0.258, 49.684
CIE-LCH	75.875, 35.735, 258.531
CIE-LUV	75.875, -32.571, -55.622
Hunter-Lab	70.487, -10.087, -33.508
Binary	01111010, 11000010, 11111011

#7ac2fb
```
#7ac2fb rgb(122,194,251)
```
#fbb37a
```
#fbb37a rgb(251,179,122)
```

Complementary Color

#7afbf4
```
#7afbf4 rgb(122,251,244)
```
#7ac2fb
```
#7ac2fb rgb(122,194,251)
```
#7a82fb
```
#7a82fb rgb(122,130,251)
```

Analogous Color

#fbf47a
```
#fbf47a rgb(251,244,122)
```
#7ac2fb
```
#7ac2fb rgb(122,194,251)
```
#fb7a82
```
#fb7a82 rgb(251,122,130)
```

Split Complementary Color

#c2fb7a
```
#c2fb7a rgb(194,251,122)
```
#7ac2fb
```
#7ac2fb rgb(122,194,251)
```
#fb7ac2
```
#fb7ac2 rgb(251,122,194)
```

Triadic Color

#7afbb3
```
#7afbb3 rgb(122,251,179)
```
#7ac2fb
```
#7ac2fb rgb(122,194,251)
```
#fb7ac2
```
#fb7ac2 rgb(251,122,194)
```
#fbb37a
```
#fbb37a rgb(251,179,122)
```

Tetradic Color

#30a0f9
```
#30a0f9 rgb(48,160,249)
```
#48abfa
```
#48abfa rgb(72,171,250)
```
#61b7fa
```
#61b7fa rgb(97,183,250)
```
#7ac2fb
```
#7ac2fb rgb(122,194,251)
```
#93cdfc
```
#93cdfc rgb(147,205,252)
```
#acd9fc
```
#acd9fc rgb(172,217,252)
```
#c4e4fd
```
#c4e4fd rgb(196,228,253)
```

Monochromatic Color

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

#7ae2fb
```
#7ae2fb rgb(122,226,251)
```
#7ad8fb
```
#7ad8fb rgb(122,216,251)
```
#7acdfb
```
#7acdfb rgb(122,205,251)
```
#7ac2fb
```
#7ac2fb rgb(122,194,251)
```
#7ab7fb
```
#7ab7fb rgb(122,183,251)
```
#7aadfb
```
#7aadfb rgb(122,173,251)
```
#7aa2fb
```
#7aa2fb rgb(122,162,251)
```

Similar Colors

Text with hexadecimal color #7ac2fb

This text has a font color of #7ac2fb.

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

#7ac2fb background color

This paragraph has a background color of #7ac2fb.

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

#7ac2fb border color

This element has a border color of #7ac2fb.

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

CSS codes

.text {color:#7ac2fb;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#010b13
```
#010b13 rgb(1,11,19)
```
#011626
```
#011626 rgb(1,22,38)
```
#022139
```
#022139 rgb(2,33,57)
```
#022c4c
```
#022c4c rgb(2,44,76)
```
#033760
```
#033760 rgb(3,55,96)
```
#034173
```
#034173 rgb(3,65,115)
```
#044c86
```
#044c86 rgb(4,76,134)
```
#055799
```
#055799 rgb(5,87,153)
```
#0562ac
```
#0562ac rgb(5,98,172)
```
#066dbf
```
#066dbf rgb(6,109,191)
```
#0678d2
```
#0678d2 rgb(6,120,210)
```
#0783e5
```
#0783e5 rgb(7,131,229)
```

Shade Color Variation

#088ef8
```
#088ef8 rgb(8,142,248)
```
#1b96f8
```
#1b96f8 rgb(27,150,248)
```
#2e9ff9
```
#2e9ff9 rgb(46,159,249)
```
#41a8f9
```
#41a8f9 rgb(65,168,249)
```
#54b1fa
```
#54b1fa rgb(84,177,250)
```
#67b9fa
```
#67b9fa rgb(103,185,250)
```
#7ac2fb
```
#7ac2fb rgb(122,194,251)
```
#8dcbfc
```
#8dcbfc rgb(141,203,252)
```
#a0d3fc
```
#a0d3fc rgb(160,211,252)
```
#b3dcfd
```
#b3dcfd rgb(179,220,253)
```
#c6e5fd
```
#c6e5fd rgb(198,229,253)
```
#d9eefe
```
#d9eefe rgb(217,238,254)
```
#ecf6fe
```
#ecf6fe rgb(236,246,254)
```

Tint Color Variation

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

#b9bbbc
```
#b9bbbc rgb(185,187,188)
```
#b4bbc1
```
#b4bbc1 rgb(180,187,193)
```
#afbcc6
```
#afbcc6 rgb(175,188,198)
```
#a9bccc
```
#a9bccc rgb(169,188,204)
```
#a4bdd1
```
#a4bdd1 rgb(164,189,209)
```
#9fbed6
```
#9fbed6 rgb(159,190,214)
```
#9abedb
```
#9abedb rgb(154,190,219)
```
#94bfe1
```
#94bfe1 rgb(148,191,225)
```
#8fc0e6
```
#8fc0e6 rgb(143,192,230)
```
#8ac0eb
```
#8ac0eb rgb(138,192,235)
```
#85c1f0
```
#85c1f0 rgb(133,193,240)
```
#7fc1f6
```
#7fc1f6 rgb(127,193,246)
```
#7ac2fb
```
#7ac2fb rgb(122,194,251)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#a8b6c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adbcf5 Protanopia 1% of men
#a8bcfe Deuteranopia 1% of men
#72cbda Tritanopia 0.001% of the population

Trichromacy

#9bbef7 Protanomaly 1% of men, 0.01% of women
#97befd Deuteranomaly 6% of men, 0.4% of women
#75c8e6 Tritanomaly 0.01% of the population

#7ac2fb hex color

#7ac2fb Color Information

#7ac2fb Color Conversion

Color Schemes with #7ac2fb

Alternatives to #7ac2fb

#7ac2fb Preview

Shades and Tints of #7ac2fb

Tones of #7ac2fb

Color Blindness Simulator