#7accf2 hex color

In a RGB color space, hex #7accf2 is composed of 47.8% red, 80% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 49.6% cyan, 15.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 199 degrees, a saturation of 82.2% and a lightness of 71.4%. #7accf2 color hex could be obtained by blending #f4ffff with #0099e5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 48
- G 80
- B 95
RGB color chart
- C 50
- M 16
- Y 0
- K 5
CMYK color chart

● #7accf2 color description : Soft blue.

The hexadecimal color #7accf2 has RGB values of R:122, G:204, B:242 and CMYK values of C:0.5, M:0.16, Y:0, K:0.05. Its decimal value is 8047858.

Hex triplet	7accf2	`#7accf2`
RGB Decimal	122, 204, 242	`rgb(122,204,242)`
RGB Percent	47.8, 80, 94.9	`rgb(47.8%,80%,94.9%)`
CMYK	50, 16, 0, 5
HSL	199°, 82.2, 71.4	`hsl(199,82.2%,71.4%)`
HSV (or HSB)	199°, 49.6, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.305, -14.944, -26.459
XYZ	45.642, 53.731, 91.966
xyY	0.239, 0.281, 53.731
CIE-LCH	78.305, 30.388, 240.542
CIE-LUV	78.305, -36.564, -40.15
Hunter-Lab	73.302, -17.133, -23.075
Binary	01111010, 11001100, 11110010

#7accf2
```
#7accf2 rgb(122,204,242)
```
#f2a07a
```
#f2a07a rgb(242,160,122)
```

Complementary Color

#7af2dc
```
#7af2dc rgb(122,242,220)
```
#7accf2
```
#7accf2 rgb(122,204,242)
```
#7a90f2
```
#7a90f2 rgb(122,144,242)
```

Analogous Color

#f2dc7a
```
#f2dc7a rgb(242,220,122)
```
#7accf2
```
#7accf2 rgb(122,204,242)
```
#f27a90
```
#f27a90 rgb(242,122,144)
```

Split Complementary Color

#ccf27a
```
#ccf27a rgb(204,242,122)
```
#7accf2
```
#7accf2 rgb(122,204,242)
```
#f27acc
```
#f27acc rgb(242,122,204)
```

Triadic Color

#7af2a0
```
#7af2a0 rgb(122,242,160)
```
#7accf2
```
#7accf2 rgb(122,204,242)
```
#f27acc
```
#f27acc rgb(242,122,204)
```
#f2a07a
```
#f2a07a rgb(242,160,122)
```

Tetradic Color

#34b1eb
```
#34b1eb rgb(52,177,235)
```
#4cbaed
```
#4cbaed rgb(76,186,237)
```
#63c3f0
```
#63c3f0 rgb(99,195,240)
```
#7accf2
```
#7accf2 rgb(122,204,242)
```
#91d5f4
```
#91d5f4 rgb(145,213,244)
```
#a8def7
```
#a8def7 rgb(168,222,247)
```
#c0e7f9
```
#c0e7f9 rgb(192,231,249)
```

Monochromatic Color

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

#7aeaf2
```
#7aeaf2 rgb(122,234,242)
```
#7ae0f2
```
#7ae0f2 rgb(122,224,242)
```
#7ad6f2
```
#7ad6f2 rgb(122,214,242)
```
#7accf2
```
#7accf2 rgb(122,204,242)
```
#7ac2f2
```
#7ac2f2 rgb(122,194,242)
```
#7ab8f2
```
#7ab8f2 rgb(122,184,242)
```
#7aaef2
```
#7aaef2 rgb(122,174,242)
```

Similar Colors

Text with hexadecimal color #7accf2

This text has a font color of #7accf2.

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

#7accf2 background color

This paragraph has a background color of #7accf2.

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

#7accf2 border color

This element has a border color of #7accf2.

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

CSS codes

.text {color:#7accf2;}

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

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

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

#01070a
```
#01070a rgb(1,7,10)
```
#03141c
```
#03141c rgb(3,20,28)
```
#04212e
```
#04212e rgb(4,33,46)
```
#062d40
```
#062d40 rgb(6,45,64)
```
#083a51
```
#083a51 rgb(8,58,81)
```
#0a4763
```
#0a4763 rgb(10,71,99)
```
#0b5475
```
#0b5475 rgb(11,84,117)
```
#0d6087
```
#0d6087 rgb(13,96,135)
```
#0f6d99
```
#0f6d99 rgb(15,109,153)
```
#117aab
```
#117aab rgb(17,122,171)
```
#1287bd
```
#1287bd rgb(18,135,189)
```
#1494cf
```
#1494cf rgb(20,148,207)
```
#16a0e0
```
#16a0e0 rgb(22,160,224)
```

Shade Color Variation

#21aae9
```
#21aae9 rgb(33,170,233)
```
#33b1eb
```
#33b1eb rgb(51,177,235)
```
#44b7ed
```
#44b7ed rgb(68,183,237)
```
#56beef
```
#56beef rgb(86,190,239)
```
#68c5f0
```
#68c5f0 rgb(104,197,240)
```
#7accf2
```
#7accf2 rgb(122,204,242)
```
#8cd3f4
```
#8cd3f4 rgb(140,211,244)
```
#9edaf5
```
#9edaf5 rgb(158,218,245)
```
#b0e1f7
```
#b0e1f7 rgb(176,225,247)
```
#c1e7f9
```
#c1e7f9 rgb(193,231,249)
```
#d3eefb
```
#d3eefb rgb(211,238,251)
```
#e5f5fc
```
#e5f5fc rgb(229,245,252)
```
#f7fcfe
```
#f7fcfe rgb(247,252,254)
```

Tint Color Variation

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

#b2b7ba
```
#b2b7ba rgb(178,183,186)
```
#adb9bf
```
#adb9bf rgb(173,185,191)
```
#a7bcc5
```
#a7bcc5 rgb(167,188,197)
```
#a1becb
```
#a1becb rgb(161,190,203)
```
#9cc0d0
```
#9cc0d0 rgb(156,192,208)
```
#96c2d6
```
#96c2d6 rgb(150,194,214)
```
#90c4dc
```
#90c4dc rgb(144,196,220)
```
#8bc6e1
```
#8bc6e1 rgb(139,198,225)
```
#85c8e7
```
#85c8e7 rgb(133,200,231)
```
#80caec
```
#80caec rgb(128,202,236)
```
#7accf2
```
#7accf2 rgb(122,204,242)
```
#74cef8
```
#74cef8 rgb(116,206,248)
```
#6fd0fd
```
#6fd0fd rgb(111,208,253)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#acbcc4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbc3eb Protanopia 1% of men
#bac1f7 Deuteranopia 1% of men
#79d1e1 Tritanopia 0.001% of the population

Trichromacy

#a3c6ed Protanomaly 1% of men, 0.01% of women
#a3c5f5 Deuteranomaly 6% of men, 0.4% of women
#79cfe7 Tritanomaly 0.01% of the population

#7accf2 hex color

#7accf2 Color Information

#7accf2 Color Conversion

Color Schemes with #7accf2

Alternatives to #7accf2

#7accf2 Preview

Shades and Tints of #7accf2

Tones of #7accf2

Color Blindness Simulator