#769cf3 hex color

In a RGB color space, hex #769cf3 is composed of 46.3% red, 61.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 35.8% magenta, 0% yellow and 4.7% black. It has a hue angle of 221.8 degrees, a saturation of 83.9% and a lightness of 70.8%. #769cf3 color hex could be obtained by blending #ecffff with #0039e7. Closest websafe color is: #6699ff.

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

● #769cf3 color description : Soft blue.

The hexadecimal color #769cf3 has RGB values of R:118, G:156, B:243 and CMYK values of C:0.51, M:0.36, Y:0, K:0.05. Its decimal value is 7773427.

Hex triplet	769cf3	`#769cf3`
RGB Decimal	118, 156, 243	`rgb(118,156,243)`
RGB Percent	46.3, 61.2, 95.3	`rgb(46.3%,61.2%,95.3%)`
CMYK	51, 36, 0, 5
HSL	221.8°, 83.9, 70.8	`hsl(221.8,83.9%,70.8%)`
HSV (or HSB)	221.8°, 51.4, 95.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.04, 10.884, -47.623
XYZ	35.534, 34.098, 89.498
xyY	0.223, 0.214, 34.098
CIE-LCH	65.04, 48.851, 282.874
CIE-LUV	65.04, -19.909, -77.809
Hunter-Lab	58.393, 6.433, -49.997
Binary	01110110, 10011100, 11110011

#769cf3
```
#769cf3 rgb(118,156,243)
```
#f3cd76
```
#f3cd76 rgb(243,205,118)
```

Complementary Color

#76dbf3
```
#76dbf3 rgb(118,219,243)
```
#769cf3
```
#769cf3 rgb(118,156,243)
```
#8f76f3
```
#8f76f3 rgb(143,118,243)
```

Analogous Color

#dbf376
```
#dbf376 rgb(219,243,118)
```
#769cf3
```
#769cf3 rgb(118,156,243)
```
#f38f76
```
#f38f76 rgb(243,143,118)
```

Split Complementary Color

#9cf376
```
#9cf376 rgb(156,243,118)
```
#769cf3
```
#769cf3 rgb(118,156,243)
```
#f3769c
```
#f3769c rgb(243,118,156)
```

Triadic Color

#76f3cd
```
#76f3cd rgb(118,243,205)
```
#769cf3
```
#769cf3 rgb(118,156,243)
```
#f3769c
```
#f3769c rgb(243,118,156)
```
#f3cd76
```
#f3cd76 rgb(243,205,118)
```

Tetradic Color

#3069ed
```
#3069ed rgb(48,105,237)
```
#477aef
```
#477aef rgb(71,122,239)
```
#5f8bf1
```
#5f8bf1 rgb(95,139,241)
```
#769cf3
```
#769cf3 rgb(118,156,243)
```
#8dadf5
```
#8dadf5 rgb(141,173,245)
```
#a5bef7
```
#a5bef7 rgb(165,190,247)
```
#bccff9
```
#bccff9 rgb(188,207,249)
```

Monochromatic Color

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

#76bbf3
```
#76bbf3 rgb(118,187,243)
```
#76b1f3
```
#76b1f3 rgb(118,177,243)
```
#76a6f3
```
#76a6f3 rgb(118,166,243)
```
#769cf3
```
#769cf3 rgb(118,156,243)
```
#7692f3
```
#7692f3 rgb(118,146,243)
```
#7687f3
```
#7687f3 rgb(118,135,243)
```
#767df3
```
#767df3 rgb(118,125,243)
```

Similar Colors

Text with hexadecimal color #769cf3

This text has a font color of #769cf3.

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

#769cf3 background color

This paragraph has a background color of #769cf3.

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

#769cf3 border color

This element has a border color of #769cf3.

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

CSS codes

.text {color:#769cf3;}

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

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

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

#010307
```
#010307 rgb(1,3,7)
```
#020919
```
#020919 rgb(2,9,25)
```
#04102b
```
#04102b rgb(4,16,43)
```
#05163d
```
#05163d rgb(5,22,61)
```
#071d4f
```
#071d4f rgb(7,29,79)
```
#092461
```
#092461 rgb(9,36,97)
```
#0a2a73
```
#0a2a73 rgb(10,42,115)
```
#0c3186
```
#0c3186 rgb(12,49,134)
```
#0d3798
```
#0d3798 rgb(13,55,152)
```
#0f3eaa
```
#0f3eaa rgb(15,62,170)
```
#1044bc
```
#1044bc rgb(16,68,188)
```
#124bce
```
#124bce rgb(18,75,206)
```
#1452e0
```
#1452e0 rgb(20,82,224)
```

Shade Color Variation

#1c5beb
```
#1c5beb rgb(28,91,235)
```
#2e68ed
```
#2e68ed rgb(46,104,237)
```
#4075ee
```
#4075ee rgb(64,117,238)
```
#5282f0
```
#5282f0 rgb(82,130,240)
```
#648ff1
```
#648ff1 rgb(100,143,241)
```
#769cf3
```
#769cf3 rgb(118,156,243)
```
#88a9f5
```
#88a9f5 rgb(136,169,245)
```
#9ab6f6
```
#9ab6f6 rgb(154,182,246)
```
#acc3f8
```
#acc3f8 rgb(172,195,248)
```
#bed0f9
```
#bed0f9 rgb(190,208,249)
```
#d0ddfb
```
#d0ddfb rgb(208,221,251)
```
#e2eafc
```
#e2eafc rgb(226,234,252)
```
#f4f7fe
```
#f4f7fe rgb(244,247,254)
```

Tint Color Variation

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

#afb2ba
```
#afb2ba rgb(175,178,186)
```
#aab0bf
```
#aab0bf rgb(170,176,191)
```
#a4aec5
```
#a4aec5 rgb(164,174,197)
```
#9eaccb
```
#9eaccb rgb(158,172,203)
```
#98a9d1
```
#98a9d1 rgb(152,169,209)
```
#93a7d6
```
#93a7d6 rgb(147,167,214)
```
#8da5dc
```
#8da5dc rgb(141,165,220)
```
#87a3e2
```
#87a3e2 rgb(135,163,226)
```
#81a0e8
```
#81a0e8 rgb(129,160,232)
```
#7c9eed
```
#7c9eed rgb(124,158,237)
```
#769cf3
```
#769cf3 rgb(118,156,243)
```
#709af9
```
#709af9 rgb(112,154,249)
```
#6b98fe
```
#6b98fe rgb(107,152,254)
```

Tone Color Variation

Below, you can see how #769cf3 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
#949bad Atypical Achromatopsia 0.001% of the population

Dichromacy

#82a0f2 Protanopia 1% of men
#75a2f2 Deuteranopia 1% of men
#64adba Tritanopia 0.001% of the population

Trichromacy

#7d9ef2 Protanomaly 1% of men, 0.01% of women
#75a0f2 Deuteranomaly 6% of men, 0.4% of women
#6aa7ce Tritanomaly 0.01% of the population

#769cf3 hex color

#769cf3 Color Information

#769cf3 Color Conversion

Color Schemes with #769cf3

Alternatives to #769cf3

#769cf3 Preview

Shades and Tints of #769cf3

Tones of #769cf3

Color Blindness Simulator