#7abafa hex color

In a RGB color space, hex #7abafa is composed of 47.8% red, 72.9% green and 98% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 25.6% magenta, 0% yellow and 2% black. It has a hue angle of 210 degrees, a saturation of 92.8% and a lightness of 72.9%. #7abafa color hex could be obtained by blending #f4ffff with #0075f5. Closest websafe color is: #66ccff.

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

● #7abafa color description : Soft blue.

The hexadecimal color #7abafa has RGB values of R:122, G:186, B:250 and CMYK values of C:0.51, M:0.26, Y:0, K:0.02. Its decimal value is 8043258.

Hex triplet	7abafa	`#7abafa`
RGB Decimal	122, 186, 250	`rgb(122,186,250)`
RGB Percent	47.8, 72.9, 98	`rgb(47.8%,72.9%,98%)`
CMYK	51, 26, 0, 2
HSL	210°, 92.8, 72.9	`hsl(210,92.8%,72.9%)`
HSV (or HSB)	210°, 51.2, 98
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.646, -3.057, -37.939
XYZ	42.836, 46.155, 97.089
xyY	0.23, 0.248, 46.155
CIE-LCH	73.646, 38.062, 265.394
CIE-LUV	73.646, -29.59, -60.925
Hunter-Lab	67.938, -6.342, -37.174
Binary	01111010, 10111010, 11111010

#7abafa
```
#7abafa rgb(122,186,250)
```
#faba7a
```
#faba7a rgb(250,186,122)
```

Complementary Color

#7afafa
```
#7afafa rgb(122,250,250)
```
#7abafa
```
#7abafa rgb(122,186,250)
```
#7a7afa
```
#7a7afa rgb(122,122,250)
```

Analogous Color

#fafa7a
```
#fafa7a rgb(250,250,122)
```
#7abafa
```
#7abafa rgb(122,186,250)
```
#fa7a7a
```
#fa7a7a rgb(250,122,122)
```

Split Complementary Color

#bafa7a
```
#bafa7a rgb(186,250,122)
```
#7abafa
```
#7abafa rgb(122,186,250)
```
#fa7aba
```
#fa7aba rgb(250,122,186)
```

Triadic Color

#7afaba
```
#7afaba rgb(122,250,186)
```
#7abafa
```
#7abafa rgb(122,186,250)
```
#fa7aba
```
#fa7aba rgb(250,122,186)
```
#faba7a
```
#faba7a rgb(250,186,122)
```

Tetradic Color

#3094f7
```
#3094f7 rgb(48,148,247)
```
#49a1f8
```
#49a1f8 rgb(73,161,248)
```
#61adf9
```
#61adf9 rgb(97,173,249)
```
#7abafa
```
#7abafa rgb(122,186,250)
```
#93c7fb
```
#93c7fb rgb(147,199,251)
```
#abd4fc
```
#abd4fc rgb(171,212,252)
```
#c4e0fd
```
#c4e0fd rgb(196,224,253)
```

Monochromatic Color

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

#7adafa
```
#7adafa rgb(122,218,250)
```
#7acffa
```
#7acffa rgb(122,207,250)
```
#7ac5fa
```
#7ac5fa rgb(122,197,250)
```
#7abafa
```
#7abafa rgb(122,186,250)
```
#7aaffa
```
#7aaffa rgb(122,175,250)
```
#7aa5fa
```
#7aa5fa rgb(122,165,250)
```
#7a9afa
```
#7a9afa rgb(122,154,250)
```

Similar Colors

Text with hexadecimal color #7abafa

This text has a font color of #7abafa.

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

#7abafa background color

This paragraph has a background color of #7abafa.

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

#7abafa border color

This element has a border color of #7abafa.

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

CSS codes

.text {color:#7abafa;}

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

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

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)
```
#011325
```
#011325 rgb(1,19,37)
```
#021d38
```
#021d38 rgb(2,29,56)
```
#03274b
```
#03274b rgb(3,39,75)
```
#04315e
```
#04315e rgb(4,49,94)
```
#043b71
```
#043b71 rgb(4,59,113)
```
#054484
```
#054484 rgb(5,68,132)
```
#064e97
```
#064e97 rgb(6,78,151)
```
#0658a9
```
#0658a9 rgb(6,88,169)
```
#0762bc
```
#0762bc rgb(7,98,188)
```
#086ccf
```
#086ccf rgb(8,108,207)
```
#0975e2
```
#0975e2 rgb(9,117,226)
```
#097ff5
```
#097ff5 rgb(9,127,245)
```

Shade Color Variation

#1b89f6
```
#1b89f6 rgb(27,137,246)
```
#2e93f7
```
#2e93f7 rgb(46,147,247)
```
#419df8
```
#419df8 rgb(65,157,248)
```
#54a6f9
```
#54a6f9 rgb(84,166,249)
```
#67b0f9
```
#67b0f9 rgb(103,176,249)
```
#7abafa
```
#7abafa rgb(122,186,250)
```
#8dc4fb
```
#8dc4fb rgb(141,196,251)
```
#a0cefb
```
#a0cefb rgb(160,206,251)
```
#b3d7fc
```
#b3d7fc rgb(179,215,252)
```
#c6e1fd
```
#c6e1fd rgb(198,225,253)
```
#d9ebfe
```
#d9ebfe rgb(217,235,254)
```
#ebf5fe
```
#ebf5fe rgb(235,245,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#bababa
```
#bababa rgb(186,186,186)
```
#b4bac0
```
#b4bac0 rgb(180,186,192)
```
#afbac5
```
#afbac5 rgb(175,186,197)
```
#aabaca
```
#aabaca rgb(170,186,202)
```
#a4bad0
```
#a4bad0 rgb(164,186,208)
```
#9fbad5
```
#9fbad5 rgb(159,186,213)
```
#9abada
```
#9abada rgb(154,186,218)
```
#95badf
```
#95badf rgb(149,186,223)
```
#8fbae5
```
#8fbae5 rgb(143,186,229)
```
#8abaea
```
#8abaea rgb(138,186,234)
```
#85baef
```
#85baef rgb(133,186,239)
```
#7fbaf5
```
#7fbaf5 rgb(127,186,245)
```
#7abafa
```
#7abafa rgb(122,186,250)
```

Tone Color Variation

Below, you can see how #7abafa 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
#a4b0bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b6f5 Protanopia 1% of men
#9eb7fc Deuteranopia 1% of men
#70c5d3 Tritanopia 0.001% of the population

Trichromacy

#95b7f7 Protanomaly 1% of men, 0.01% of women
#91b8fb Deuteranomaly 6% of men, 0.4% of women
#73c1e1 Tritanomaly 0.01% of the population

#7abafa hex color

#7abafa Color Information

#7abafa Color Conversion

Color Schemes with #7abafa

Alternatives to #7abafa

#7abafa Preview

Shades and Tints of #7abafa

Tones of #7abafa

Color Blindness Simulator