#7699f2 hex color

In a RGB color space, hex #7699f2 is composed of 46.3% red, 60% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 36.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 223.1 degrees, a saturation of 82.7% and a lightness of 70.6%. #7699f2 color hex could be obtained by blending #ecffff with #0033e5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 46
- G 60
- B 95
RGB color chart
- C 51
- M 37
- Y 0
- K 5
CMYK color chart

● #7699f2 color description : Soft blue.

The hexadecimal color #7699f2 has RGB values of R:118, G:153, B:242 and CMYK values of C:0.51, M:0.37, Y:0, K:0.05. Its decimal value is 7772658.

Hex triplet	7699f2	`#7699f2`
RGB Decimal	118, 153, 242	`rgb(118,153,242)`
RGB Percent	46.3, 60, 94.9	`rgb(46.3%,60%,94.9%)`
CMYK	51, 37, 0, 5
HSL	223.1°, 82.7, 70.6	`hsl(223.1,82.7%,70.6%)`
HSV (or HSB)	223.1°, 51.2, 94.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	64.196, 12.321, -48.407
XYZ	34.886, 33.043, 88.539
xyY	0.223, 0.211, 33.043
CIE-LCH	64.196, 49.951, 284.28
CIE-LUV	64.196, -18.833, -79.118
Hunter-Lab	57.483, 7.734, -51.084
Binary	01110110, 10011001, 11110010

#7699f2
```
#7699f2 rgb(118,153,242)
```
#f2cf76
```
#f2cf76 rgb(242,207,118)
```

Complementary Color

#76d7f2
```
#76d7f2 rgb(118,215,242)
```
#7699f2
```
#7699f2 rgb(118,153,242)
```
#9176f2
```
#9176f2 rgb(145,118,242)
```

Analogous Color

#d7f276
```
#d7f276 rgb(215,242,118)
```
#7699f2
```
#7699f2 rgb(118,153,242)
```
#f29176
```
#f29176 rgb(242,145,118)
```

Split Complementary Color

#99f276
```
#99f276 rgb(153,242,118)
```
#7699f2
```
#7699f2 rgb(118,153,242)
```
#f27699
```
#f27699 rgb(242,118,153)
```

Triadic Color

#76f2cf
```
#76f2cf rgb(118,242,207)
```
#7699f2
```
#7699f2 rgb(118,153,242)
```
#f27699
```
#f27699 rgb(242,118,153)
```
#f2cf76
```
#f2cf76 rgb(242,207,118)
```

Tetradic Color

#3065eb
```
#3065eb rgb(48,101,235)
```
#4776ee
```
#4776ee rgb(71,118,238)
```
#5f88f0
```
#5f88f0 rgb(95,136,240)
```
#7699f2
```
#7699f2 rgb(118,153,242)
```
#8daaf4
```
#8daaf4 rgb(141,170,244)
```
#a5bcf6
```
#a5bcf6 rgb(165,188,246)
```
#bccdf9
```
#bccdf9 rgb(188,205,249)
```

Monochromatic Color

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

#76b8f2
```
#76b8f2 rgb(118,184,242)
```
#76aef2
```
#76aef2 rgb(118,174,242)
```
#76a3f2
```
#76a3f2 rgb(118,163,242)
```
#7699f2
```
#7699f2 rgb(118,153,242)
```
#768ff2
```
#768ff2 rgb(118,143,242)
```
#7684f2
```
#7684f2 rgb(118,132,242)
```
#767af2
```
#767af2 rgb(118,122,242)
```

Similar Colors

Text with hexadecimal color #7699f2

This text has a font color of #7699f2.

<span style="color:#7699f2;">Text here</span>

#7699f2 background color

This paragraph has a background color of #7699f2.

<p style="background-color:#7699f2;">Content here</p>

#7699f2 border color

This element has a border color of #7699f2.

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

CSS codes

.text {color:#7699f2;}

.background {background-color:#7699f2;}

.border {border:1px solid #7699f2;}

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

#010206
```
#010206 rgb(1,2,6)
```
#020818
```
#020818 rgb(2,8,24)
```
#040f2a
```
#040f2a rgb(4,15,42)
```
#06153c
```
#06153c rgb(6,21,60)
```
#071b4e
```
#071b4e rgb(7,27,78)
```
#092260
```
#092260 rgb(9,34,96)
```
#0b2872
```
#0b2872 rgb(11,40,114)
```
#0d2e84
```
#0d2e84 rgb(13,46,132)
```
#0e3496
```
#0e3496 rgb(14,52,150)
```
#103ba8
```
#103ba8 rgb(16,59,168)
```
#1241b9
```
#1241b9 rgb(18,65,185)
```
#1347cb
```
#1347cb rgb(19,71,203)
```
#154edd
```
#154edd rgb(21,78,221)
```

Shade Color Variation

#1c56ea
```
#1c56ea rgb(28,86,234)
```
#2e64eb
```
#2e64eb rgb(46,100,235)
```
#4071ed
```
#4071ed rgb(64,113,237)
```
#527eef
```
#527eef rgb(82,126,239)
```
#648cf0
```
#648cf0 rgb(100,140,240)
```
#7699f2
```
#7699f2 rgb(118,153,242)
```
#88a6f4
```
#88a6f4 rgb(136,166,244)
```
#9ab4f5
```
#9ab4f5 rgb(154,180,245)
```
#acc1f7
```
#acc1f7 rgb(172,193,247)
```
#becef9
```
#becef9 rgb(190,206,249)
```
#d0dcfb
```
#d0dcfb rgb(208,220,251)
```
#e1e9fc
```
#e1e9fc rgb(225,233,252)
```
#f3f6fe
```
#f3f6fe rgb(243,246,254)
```

Tint Color Variation

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

#b0b2b8
```
#b0b2b8 rgb(176,178,184)
```
#aab0be
```
#aab0be rgb(170,176,190)
```
#a4adc4
```
#a4adc4 rgb(164,173,196)
```
#9eabca
```
#9eabca rgb(158,171,202)
```
#99a8cf
```
#99a8cf rgb(153,168,207)
```
#93a6d5
```
#93a6d5 rgb(147,166,213)
```
#8da3db
```
#8da3db rgb(141,163,219)
```
#87a1e1
```
#87a1e1 rgb(135,161,225)
```
#829ee6
```
#829ee6 rgb(130,158,230)
```
#7c9cec
```
#7c9cec rgb(124,156,236)
```
#7699f2
```
#7699f2 rgb(118,153,242)
```
#7096f8
```
#7096f8 rgb(112,150,248)
```
#6a94fe
```
#6a94fe rgb(106,148,254)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#9299ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e9ef2 Protanopia 1% of men
#71a0f1 Deuteranopia 1% of men
#63abb7 Tritanopia 0.001% of the population

Trichromacy

#7b9cf2 Protanomaly 1% of men, 0.01% of women
#739df1 Deuteranomaly 6% of men, 0.4% of women
#6aa4cc Tritanomaly 0.01% of the population

#7699f2 hex color

#7699f2 Color Information

#7699f2 Color Conversion

Color Schemes with #7699f2

Alternatives to #7699f2

#7699f2 Preview

Shades and Tints of #7699f2

Tones of #7699f2

Color Blindness Simulator