#7ac2eb hex color

In a RGB color space, hex #7ac2eb is composed of 47.8% red, 76.1% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 48.1% cyan, 17.4% magenta, 0% yellow and 7.8% black. It has a hue angle of 201.8 degrees, a saturation of 73.9% and a lightness of 70%. #7ac2eb color hex could be obtained by blending #f4ffff with #0085d7. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 48
- G 76
- B 92
RGB color chart
- C 48
- M 17
- Y 0
- K 8
CMYK color chart

● #7ac2eb color description : Soft blue.

The hexadecimal color #7ac2eb has RGB values of R:122, G:194, B:235 and CMYK values of C:0.48, M:0.17, Y:0, K:0.08. Its decimal value is 8045291.

Hex triplet	7ac2eb	`#7ac2eb`
RGB Decimal	122, 194, 235	`rgb(122,194,235)`
RGB Percent	47.8, 76.1, 92.2	`rgb(47.8%,76.1%,92.2%)`
CMYK	48, 17, 0, 8
HSL	201.8°, 73.9, 70	`hsl(201.8,73.9%,70%)`
HSV (or HSB)	201.8°, 48.1, 92.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	75.275, -11.655, -27.336
XYZ	42.31, 48.717, 85.766
xyY	0.239, 0.276, 48.717
CIE-LCH	75.275, 29.717, 246.909
CIE-LUV	75.275, -32.869, -41.887
Hunter-Lab	69.798, -13.943, -23.997
Binary	01111010, 11000010, 11101011

#7ac2eb
```
#7ac2eb rgb(122,194,235)
```
#eba37a
```
#eba37a rgb(235,163,122)
```

Complementary Color

#7aebdc
```
#7aebdc rgb(122,235,220)
```
#7ac2eb
```
#7ac2eb rgb(122,194,235)
```
#7a8aeb
```
#7a8aeb rgb(122,138,235)
```

Analogous Color

#ebdc7a
```
#ebdc7a rgb(235,220,122)
```
#7ac2eb
```
#7ac2eb rgb(122,194,235)
```
#eb7a8a
```
#eb7a8a rgb(235,122,138)
```

Split Complementary Color

#c2eb7a
```
#c2eb7a rgb(194,235,122)
```
#7ac2eb
```
#7ac2eb rgb(122,194,235)
```
#eb7ac2
```
#eb7ac2 rgb(235,122,194)
```

Triadic Color

#7aeba3
```
#7aeba3 rgb(122,235,163)
```
#7ac2eb
```
#7ac2eb rgb(122,194,235)
```
#eb7ac2
```
#eb7ac2 rgb(235,122,194)
```
#eba37a
```
#eba37a rgb(235,163,122)
```

Tetradic Color

#38a4e1
```
#38a4e1 rgb(56,164,225)
```
#4eaee4
```
#4eaee4 rgb(78,174,228)
```
#64b8e8
```
#64b8e8 rgb(100,184,232)
```
#7ac2eb
```
#7ac2eb rgb(122,194,235)
```
#90ccee
```
#90ccee rgb(144,204,238)
```
#a6d6f2
```
#a6d6f2 rgb(166,214,242)
```
#bde1f5
```
#bde1f5 rgb(189,225,245)
```

Monochromatic Color

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

#7adeeb
```
#7adeeb rgb(122,222,235)
```
#7ad5eb
```
#7ad5eb rgb(122,213,235)
```
#7acbeb
```
#7acbeb rgb(122,203,235)
```
#7ac2eb
```
#7ac2eb rgb(122,194,235)
```
#7ab9eb
```
#7ab9eb rgb(122,185,235)
```
#7aafeb
```
#7aafeb rgb(122,175,235)
```
#7aa6eb
```
#7aa6eb rgb(122,166,235)
```

Similar Colors

Text with hexadecimal color #7ac2eb

This text has a font color of #7ac2eb.

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

#7ac2eb background color

This paragraph has a background color of #7ac2eb.

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

#7ac2eb border color

This element has a border color of #7ac2eb.

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

CSS codes

.text {color:#7ac2eb;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#030e14
```
#030e14 rgb(3,14,20)
```
#061a26
```
#061a26 rgb(6,26,38)
```
#082637
```
#082637 rgb(8,38,55)
```
#0b3248
```
#0b3248 rgb(11,50,72)
```
#0d3d59
```
#0d3d59 rgb(13,61,89)
```
#10496a
```
#10496a rgb(16,73,106)
```
#12557b
```
#12557b rgb(18,85,123)
```
#15618c
```
#15618c rgb(21,97,140)
```
#186d9d
```
#186d9d rgb(24,109,157)
```
#1a78ae
```
#1a78ae rgb(26,120,174)
```
#1d84bf
```
#1d84bf rgb(29,132,191)
```
#1f90d0
```
#1f90d0 rgb(31,144,208)
```

Shade Color Variation

#259bde
```
#259bde rgb(37,155,222)
```
#36a3e1
```
#36a3e1 rgb(54,163,225)
```
#47abe3
```
#47abe3 rgb(71,171,227)
```
#58b2e6
```
#58b2e6 rgb(88,178,230)
```
#69bae8
```
#69bae8 rgb(105,186,232)
```
#7ac2eb
```
#7ac2eb rgb(122,194,235)
```
#8bcaee
```
#8bcaee rgb(139,202,238)
```
#9cd2f0
```
#9cd2f0 rgb(156,210,240)
```
#add9f3
```
#add9f3 rgb(173,217,243)
```
#bee1f5
```
#bee1f5 rgb(190,225,245)
```
#cfe9f8
```
#cfe9f8 rgb(207,233,248)
```
#e0f1fa
```
#e0f1fa rgb(224,241,250)
```
#f1f9fd
```
#f1f9fd rgb(241,249,253)
```

Tint Color Variation

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

#afb3b6
```
#afb3b6 rgb(175,179,182)
```
#a9b5bc
```
#a9b5bc rgb(169,181,188)
```
#a3b7c2
```
#a3b7c2 rgb(163,183,194)
```
#9db8c8
```
#9db8c8 rgb(157,184,200)
```
#97bace
```
#97bace rgb(151,186,206)
```
#92bcd3
```
#92bcd3 rgb(146,188,211)
```
#8cbdd9
```
#8cbdd9 rgb(140,189,217)
```
#86bfdf
```
#86bfdf rgb(134,191,223)
```
#80c0e5
```
#80c0e5 rgb(128,192,229)
```
#7ac2eb
```
#7ac2eb rgb(122,194,235)
```
#74c4f1
```
#74c4f1 rgb(116,196,241)
```
#6ec5f7
```
#6ec5f7 rgb(110,197,247)
```
#68c7fd
```
#68c7fd rgb(104,199,253)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#a6b4bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2bbe5 Protanopia 1% of men
#b1baf0 Deuteranopia 1% of men
#78c8d7 Tritanopia 0.001% of the population

Trichromacy

#9dbde7 Protanomaly 1% of men, 0.01% of women
#9dbcee Deuteranomaly 6% of men, 0.4% of women
#79c6de Tritanomaly 0.01% of the population

#7ac2eb hex color

#7ac2eb Color Information

#7ac2eb Color Conversion

Color Schemes with #7ac2eb

Alternatives to #7ac2eb

#7ac2eb Preview

Shades and Tints of #7ac2eb

Tones of #7ac2eb

Color Blindness Simulator