#7ac1fe hex color

In a RGB color space, hex #7ac1fe is composed of 47.8% red, 75.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 24% magenta, 0% yellow and 0.4% black. It has a hue angle of 207.7 degrees, a saturation of 98.5% and a lightness of 73.7%. #7ac1fe color hex could be obtained by blending #f4ffff with #0083fd. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 48
- G 76
- B 100
RGB color chart
- C 52
- M 24
- Y 0
- K 0
CMYK color chart

● #7ac1fe color description : Soft blue.

The hexadecimal color #7ac1fe has RGB values of R:122, G:193, B:254 and CMYK values of C:0.52, M:0.24, Y:0, K:0. Its decimal value is 8045054.

Hex triplet	7ac1fe	`#7ac1fe`
RGB Decimal	122, 193, 254	`rgb(122,193,254)`
RGB Percent	47.8, 75.7, 99.6	`rgb(47.8%,75.7%,99.6%)`
CMYK	52, 24, 0, 0
HSL	207.7°, 98.5, 73.7	`hsl(207.7,98.5%,73.7%)`
HSV (or HSB)	207.7°, 52, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	75.718, -5.695, -36.872
XYZ	44.981, 49.431, 100.931
xyY	0.23, 0.253, 49.431
CIE-LCH	75.718, 37.31, 261.22
CIE-LUV	75.718, -32.144, -58.968
Hunter-Lab	70.307, -8.836, -35.901
Binary	01111010, 11000001, 11111110

#7ac1fe
```
#7ac1fe rgb(122,193,254)
```
#feb77a
```
#feb77a rgb(254,183,122)
```

Complementary Color

#7afef9
```
#7afef9 rgb(122,254,249)
```
#7ac1fe
```
#7ac1fe rgb(122,193,254)
```
#7a7ffe
```
#7a7ffe rgb(122,127,254)
```

Analogous Color

#fef97a
```
#fef97a rgb(254,249,122)
```
#7ac1fe
```
#7ac1fe rgb(122,193,254)
```
#fe7a7f
```
#fe7a7f rgb(254,122,127)
```

Split Complementary Color

#c1fe7a
```
#c1fe7a rgb(193,254,122)
```
#7ac1fe
```
#7ac1fe rgb(122,193,254)
```
#fe7ac1
```
#fe7ac1 rgb(254,122,193)
```

Triadic Color

#7afeb7
```
#7afeb7 rgb(122,254,183)
```
#7ac1fe
```
#7ac1fe rgb(122,193,254)
```
#fe7ac1
```
#fe7ac1 rgb(254,122,193)
```
#feb77a
```
#feb77a rgb(254,183,122)
```

Tetradic Color

#2e9efd
```
#2e9efd rgb(46,158,253)
```
#47a9fe
```
#47a9fe rgb(71,169,254)
```
#61b5fe
```
#61b5fe rgb(97,181,254)
```
#7ac1fe
```
#7ac1fe rgb(122,193,254)
```
#93cdfe
```
#93cdfe rgb(147,205,254)
```
#add9fe
```
#add9fe rgb(173,217,254)
```
#c6e4ff
```
#c6e4ff rgb(198,228,255)
```

Monochromatic Color

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

#7ae2fe
```
#7ae2fe rgb(122,226,254)
```
#7ad7fe
```
#7ad7fe rgb(122,215,254)
```
#7accfe
```
#7accfe rgb(122,204,254)
```
#7ac1fe
```
#7ac1fe rgb(122,193,254)
```
#7ab6fe
```
#7ab6fe rgb(122,182,254)
```
#7aabfe
```
#7aabfe rgb(122,171,254)
```
#7aa0fe
```
#7aa0fe rgb(122,160,254)
```

Similar Colors

Text with hexadecimal color #7ac1fe

This text has a font color of #7ac1fe.

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

#7ac1fe background color

This paragraph has a background color of #7ac1fe.

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

#7ac1fe border color

This element has a border color of #7ac1fe.

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

CSS codes

.text {color:#7ac1fe;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#000c17
```
#000c17 rgb(0,12,23)
```
#00172a
```
#00172a rgb(0,23,42)
```
#00213e
```
#00213e rgb(0,33,62)
```
#012c51
```
#012c51 rgb(1,44,81)
```
#013665
```
#013665 rgb(1,54,101)
```
#014178
```
#014178 rgb(1,65,120)
```
#014c8c
```
#014c8c rgb(1,76,140)
```
#01569f
```
#01569f rgb(1,86,159)
```
#0161b3
```
#0161b3 rgb(1,97,179)
```
#016bc6
```
#016bc6 rgb(1,107,198)
```
#0276d9
```
#0276d9 rgb(2,118,217)
```
#0280ed
```
#0280ed rgb(2,128,237)
```

Shade Color Variation

#058bfd
```
#058bfd rgb(5,139,253)
```
#1994fd
```
#1994fd rgb(25,148,253)
```
#2c9dfd
```
#2c9dfd rgb(44,157,253)
```
#40a6fe
```
#40a6fe rgb(64,166,254)
```
#53affe
```
#53affe rgb(83,175,254)
```
#67b8fe
```
#67b8fe rgb(103,184,254)
```
#7ac1fe
```
#7ac1fe rgb(122,193,254)
```
#8dcafe
```
#8dcafe rgb(141,202,254)
```
#a1d3fe
```
#a1d3fe rgb(161,211,254)
```
#b4dcfe
```
#b4dcfe rgb(180,220,254)
```
#c8e5ff
```
#c8e5ff rgb(200,229,255)
```
#dbeeff
```
#dbeeff rgb(219,238,255)
```
#eff7ff
```
#eff7ff rgb(239,247,255)
```

Tint Color Variation

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

#b8bcc0
```
#b8bcc0 rgb(184,188,192)
```
#b3bdc5
```
#b3bdc5 rgb(179,189,197)
```
#aebdca
```
#aebdca rgb(174,189,202)
```
#a8bdd0
```
#a8bdd0 rgb(168,189,208)
```
#a3bed5
```
#a3bed5 rgb(163,190,213)
```
#9ebeda
```
#9ebeda rgb(158,190,218)
```
#99bfdf
```
#99bfdf rgb(153,191,223)
```
#94bfe4
```
#94bfe4 rgb(148,191,228)
```
#8fbfe9
```
#8fbfe9 rgb(143,191,233)
```
#89c0ef
```
#89c0ef rgb(137,192,239)
```
#84c0f4
```
#84c0f4 rgb(132,192,244)
```
#7fc1f9
```
#7fc1f9 rgb(127,193,249)
```
#7ac1fe
```
#7ac1fe rgb(122,193,254)
```

Tone Color Variation

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

Dichromacy

#abbbf8 Protanopia 1% of men
#a6bcff Deuteranopia 1% of men
#70cbda Tritanopia 0.001% of the population

Trichromacy

#99bdfa Protanomaly 1% of men, 0.01% of women
#96bdfe Deuteranomaly 6% of men, 0.4% of women
#74c7e7 Tritanomaly 0.01% of the population

#7ac1fe hex color

#7ac1fe Color Information

#7ac1fe Color Conversion

Color Schemes with #7ac1fe

Alternatives to #7ac1fe

#7ac1fe Preview

Shades and Tints of #7ac1fe

Tones of #7ac1fe

Color Blindness Simulator