colorhexa.com

#769df2 hex color

In a RGB color space, hex #769df2 is composed of 46.3% red, 61.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 35.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 221.1 degrees, a saturation of 82.7% and a lightness of 70.6%. #769df2 color hex could be obtained by blending #ecffff with #003be5. Closest websafe color is: #6699ff.

- R 46
- G 62
- B 95
RGB color chart
- C 51
- M 35
- Y 0
- K 5
CMYK color chart

● #769df2 color description : Soft blue.

The hexadecimal color #769df2 has RGB values of R:118, G:157, B:242 and CMYK values of C:0.51, M:0.35, Y:0, K:0.05. Its decimal value is 7773682.

Hex triplet	769df2	`#769df2`
RGB Decimal	118, 157, 242	`rgb(118,157,242)`
RGB Percent	46.3, 61.6, 94.9	`rgb(46.3%,61.6%,94.9%)`
CMYK	51, 35, 0, 5
HSL	221.1°, 82.7, 70.6	`hsl(221.1,82.7%,70.6%)`
HSV (or HSB)	221.1°, 51.2, 94.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.259, 10.002, -46.73
XYZ	35.552, 34.375, 88.761
xyY	0.224, 0.217, 34.375
CIE-LCH	65.259, 47.789, 282.081
CIE-LUV	65.259, -20.256, -76.25
Hunter-Lab	58.63, 5.636, -48.72
Binary	01110110, 10011101, 11110010

#769df2
```
#769df2 rgb(118,157,242)
```
#f2cb76
```
#f2cb76 rgb(242,203,118)
```

Complementary Color

#76dbf2
```
#76dbf2 rgb(118,219,242)
```
#769df2
```
#769df2 rgb(118,157,242)
```
#8d76f2
```
#8d76f2 rgb(141,118,242)
```

Analogous Color

#dbf276
```
#dbf276 rgb(219,242,118)
```
#769df2
```
#769df2 rgb(118,157,242)
```
#f28d76
```
#f28d76 rgb(242,141,118)
```

Split Complementary Color

#9df276
```
#9df276 rgb(157,242,118)
```
#769df2
```
#769df2 rgb(118,157,242)
```
#f2769d
```
#f2769d rgb(242,118,157)
```

Triadic Color

#76f2cb
```
#76f2cb rgb(118,242,203)
```
#769df2
```
#769df2 rgb(118,157,242)
```
#f2769d
```
#f2769d rgb(242,118,157)
```
#f2cb76
```
#f2cb76 rgb(242,203,118)
```

Tetradic Color

#306beb
```
#306beb rgb(48,107,235)
```
#477cee
```
#477cee rgb(71,124,238)
```
#5f8cf0
```
#5f8cf0 rgb(95,140,240)
```
#769df2
```
#769df2 rgb(118,157,242)
```
#8daef4
```
#8daef4 rgb(141,174,244)
```
#a5bef6
```
#a5bef6 rgb(165,190,246)
```
#bccff9
```
#bccff9 rgb(188,207,249)
```

Monochromatic Color

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

#76bcf2
```
#76bcf2 rgb(118,188,242)
```
#76b2f2
```
#76b2f2 rgb(118,178,242)
```
#76a7f2
```
#76a7f2 rgb(118,167,242)
```
#769df2
```
#769df2 rgb(118,157,242)
```
#7693f2
```
#7693f2 rgb(118,147,242)
```
#7688f2
```
#7688f2 rgb(118,136,242)
```
#767ef2
```
#767ef2 rgb(118,126,242)
```

Similar Colors

Text with hexadecimal color #769df2

This text has a font color of #769df2.

<span style="color:#769df2;">Text here</span>

#769df2 background color

This paragraph has a background color of #769df2.

<p style="background-color:#769df2;">Content here</p>

#769df2 border color

This element has a border color of #769df2.

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

CSS codes

.text {color:#769df2;}

.background {background-color:#769df2;}

.border {border:1px solid #769df2;}

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 #f3f7fe is the lightest one.

#010206
```
#010206 rgb(1,2,6)
```
#020918
```
#020918 rgb(2,9,24)
```
#04102a
```
#04102a rgb(4,16,42)
```
#06173c
```
#06173c rgb(6,23,60)
```
#071e4e
```
#071e4e rgb(7,30,78)
```
#092460
```
#092460 rgb(9,36,96)
```
#0b2b72
```
#0b2b72 rgb(11,43,114)
```
#0d3284
```
#0d3284 rgb(13,50,132)
```
#0e3996
```
#0e3996 rgb(14,57,150)
```
#1040a8
```
#1040a8 rgb(16,64,168)
```
#1246b9
```
#1246b9 rgb(18,70,185)
```
#134dcb
```
#134dcb rgb(19,77,203)
```
#1554dd
```
#1554dd rgb(21,84,221)
```

Shade Color Variation

#1c5dea
```
#1c5dea rgb(28,93,234)
```
#2e6aeb
```
#2e6aeb rgb(46,106,235)
```
#4077ed
```
#4077ed rgb(64,119,237)
```
#5283ef
```
#5283ef rgb(82,131,239)
```
#6490f0
```
#6490f0 rgb(100,144,240)
```
#769df2
```
#769df2 rgb(118,157,242)
```
#88aaf4
```
#88aaf4 rgb(136,170,244)
```
#9ab7f5
```
#9ab7f5 rgb(154,183,245)
```
#acc3f7
```
#acc3f7 rgb(172,195,247)
```
#bed0f9
```
#bed0f9 rgb(190,208,249)
```
#d0ddfb
```
#d0ddfb rgb(208,221,251)
```
#e1eafc
```
#e1eafc rgb(225,234,252)
```
#f3f7fe
```
#f3f7fe rgb(243,247,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 #6a99fe is the most saturated one.

#b0b2b8
```
#b0b2b8 rgb(176,178,184)
```
#aab0be
```
#aab0be rgb(170,176,190)
```
#a4aec4
```
#a4aec4 rgb(164,174,196)
```
#9eacca
```
#9eacca rgb(158,172,202)
```
#99aacf
```
#99aacf rgb(153,170,207)
```
#93a8d5
```
#93a8d5 rgb(147,168,213)
```
#8da6db
```
#8da6db rgb(141,166,219)
```
#87a3e1
```
#87a3e1 rgb(135,163,225)
```
#82a1e6
```
#82a1e6 rgb(130,161,230)
```
#7c9fec
```
#7c9fec rgb(124,159,236)
```
#769df2
```
#769df2 rgb(118,157,242)
```
#709bf8
```
#709bf8 rgb(112,155,248)
```
#6a99fe
```
#6a99fe rgb(106,153,254)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#949bac Atypical Achromatopsia 0.001% of the population

Dichromacy

#84a0f1 Protanopia 1% of men
#77a3f2 Deuteranopia 1% of men
#65aeba Tritanopia 0.001% of the population

Trichromacy

#7e9ff1 Protanomaly 1% of men, 0.01% of women
#77a0f2 Deuteranomaly 6% of men, 0.4% of women
#6ba7ce Tritanomaly 0.01% of the population