#7697fc hex color

In a RGB color space, hex #7697fc is composed of 46.3% red, 59.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 53.2% cyan, 40.1% magenta, 0% yellow and 1.2% black. It has a hue angle of 225.2 degrees, a saturation of 95.7% and a lightness of 72.5%. #7697fc color hex could be obtained by blending #ecffff with #002ff9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 46
- G 59
- B 99
RGB color chart
- C 53
- M 40
- Y 0
- K 1
CMYK color chart

● #7697fc color description : Soft blue.

The hexadecimal color #7697fc has RGB values of R:118, G:151, B:252 and CMYK values of C:0.53, M:0.4, Y:0, K:0.01. Its decimal value is 7772156.

Hex triplet	7697fc	`#7697fc`
RGB Decimal	118, 151, 252	`rgb(118,151,252)`
RGB Percent	46.3, 59.2, 98.8	`rgb(46.3%,59.2%,98.8%)`
CMYK	53, 40, 0, 1
HSL	225.2°, 95.7, 72.5	`hsl(225.2,95.7%,72.5%)`
HSV (or HSB)	225.2°, 53.2, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	64.17, 16.553, -53.926
XYZ	36.105, 33.011, 96.559
xyY	0.218, 0.199, 33.011
CIE-LCH	64.17, 56.41, 287.065
CIE-LUV	64.17, -18.289, -88.791
Hunter-Lab	57.456, 11.621, -59.424
Binary	01110110, 10010111, 11111100

#7697fc
```
#7697fc rgb(118,151,252)
```
#fcdb76
```
#fcdb76 rgb(252,219,118)
```

Complementary Color

#76dafc
```
#76dafc rgb(118,218,252)
```
#7697fc
```
#7697fc rgb(118,151,252)
```
#9876fc
```
#9876fc rgb(152,118,252)
```

Analogous Color

#dafc76
```
#dafc76 rgb(218,252,118)
```
#7697fc
```
#7697fc rgb(118,151,252)
```
#fc9876
```
#fc9876 rgb(252,152,118)
```

Split Complementary Color

#97fc76
```
#97fc76 rgb(151,252,118)
```
#7697fc
```
#7697fc rgb(118,151,252)
```
#fc7697
```
#fc7697 rgb(252,118,151)
```

Triadic Color

#76fcdb
```
#76fcdb rgb(118,252,219)
```
#7697fc
```
#7697fc rgb(118,151,252)
```
#fc7697
```
#fc7697 rgb(252,118,151)
```
#fcdb76
```
#fcdb76 rgb(252,219,118)
```

Tetradic Color

#2b5efa
```
#2b5efa rgb(43,94,250)
```
#4471fb
```
#4471fb rgb(68,113,251)
```
#5d84fb
```
#5d84fb rgb(93,132,251)
```
#7697fc
```
#7697fc rgb(118,151,252)
```
#8faafd
```
#8faafd rgb(143,170,253)
```
#a8bdfd
```
#a8bdfd rgb(168,189,253)
```
#c1d0fe
```
#c1d0fe rgb(193,208,254)
```

Monochromatic Color

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

#76b9fc
```
#76b9fc rgb(118,185,252)
```
#76adfc
```
#76adfc rgb(118,173,252)
```
#76a2fc
```
#76a2fc rgb(118,162,252)
```
#7697fc
```
#7697fc rgb(118,151,252)
```
#768cfc
```
#768cfc rgb(118,140,252)
```
#7681fc
```
#7681fc rgb(118,129,252)
```
#7776fc
```
#7776fc rgb(119,118,252)
```

Similar Colors

Text with hexadecimal color #7697fc

This text has a font color of #7697fc.

<span style="color:#7697fc;">Text here</span>

#7697fc background color

This paragraph has a background color of #7697fc.

<p style="background-color:#7697fc;">Content here</p>

#7697fc border color

This element has a border color of #7697fc.

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

CSS codes

.text {color:#7697fc;}

.background {background-color:#7697fc;}

.border {border:1px solid #7697fc;}

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

#000411
```
#000411 rgb(0,4,17)
```
#010924
```
#010924 rgb(1,9,36)
```
#010e37
```
#010e37 rgb(1,14,55)
```
#02134a
```
#02134a rgb(2,19,74)
```
#02195d
```
#02195d rgb(2,25,93)
```
#021e71
```
#021e71 rgb(2,30,113)
```
#032384
```
#032384 rgb(3,35,132)
```
#032897
```
#032897 rgb(3,40,151)
```
#042daa
```
#042daa rgb(4,45,170)
```
#0432bd
```
#0432bd rgb(4,50,189)
```
#0537d1
```
#0537d1 rgb(5,55,209)
```
#053ce4
```
#053ce4 rgb(5,60,228)
```
#0541f7
```
#0541f7 rgb(5,65,247)
```

Shade Color Variation

#164efa
```
#164efa rgb(22,78,250)
```
#295dfa
```
#295dfa rgb(41,93,250)
```
#3c6bfb
```
#3c6bfb rgb(60,107,251)
```
#507afb
```
#507afb rgb(80,122,251)
```
#6388fc
```
#6388fc rgb(99,136,252)
```
#7697fc
```
#7697fc rgb(118,151,252)
```
#89a6fc
```
#89a6fc rgb(137,166,252)
```
#9cb4fd
```
#9cb4fd rgb(156,180,253)
```
#b0c3fd
```
#b0c3fd rgb(176,195,253)
```
#c3d1fe
```
#c3d1fe rgb(195,209,254)
```
#d6e0fe
```
#d6e0fe rgb(214,224,254)
```
#e9eeff
```
#e9eeff rgb(233,238,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#b7b8bb
```
#b7b8bb rgb(183,184,187)
```
#b1b5c1
```
#b1b5c1 rgb(177,181,193)
```
#acb2c6
```
#acb2c6 rgb(172,178,198)
```
#a6b0cc
```
#a6b0cc rgb(166,176,204)
```
#a1add1
```
#a1add1 rgb(161,173,209)
```
#9caad6
```
#9caad6 rgb(156,170,214)
```
#96a7dc
```
#96a7dc rgb(150,167,220)
```
#91a5e1
```
#91a5e1 rgb(145,165,225)
```
#8ca2e6
```
#8ca2e6 rgb(140,162,230)
```
#869fec
```
#869fec rgb(134,159,236)
```
#819cf1
```
#819cf1 rgb(129,156,241)
```
#7b9af7
```
#7b9af7 rgb(123,154,247)
```
#7697fc
```
#7697fc rgb(118,151,252)
```

Tone Color Variation

Below, you can see how #7697fc 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
#9299ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#769dfd Protanopia 1% of men
#64a1fa Deuteranopia 1% of men
#5dabb8 Tritanopia 0.001% of the population

Trichromacy

#769bfc Protanomaly 1% of men, 0.01% of women
#6a9dfa Deuteranomaly 6% of men, 0.4% of women
#66a4d1 Tritanomaly 0.01% of the population

#7697fc hex color

#7697fc Color Information

#7697fc Color Conversion

Color Schemes with #7697fc

Alternatives to #7697fc

#7697fc Preview

Shades and Tints of #7697fc

Tones of #7697fc

Color Blindness Simulator