#7681f3 hex color

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

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

● #7681f3 color description : Soft blue.

The hexadecimal color #7681f3 has RGB values of R:118, G:129, B:243 and CMYK values of C:0.51, M:0.47, Y:0, K:0.05. Its decimal value is 7766515.

Hex triplet	7681f3	`#7681f3`
RGB Decimal	118, 129, 243	`rgb(118,129,243)`
RGB Percent	46.3, 50.6, 95.3	`rgb(46.3%,50.6%,95.3%)`
CMYK	51, 47, 0, 5
HSL	234.7°, 83.9, 70.8	`hsl(234.7,83.9%,70.8%)`
HSV (or HSB)	234.7°, 51.4, 95.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.058, 26.784, -58.718
XYZ	31.496, 26.022, 88.152
xyY	0.216, 0.179, 26.022
CIE-LCH	58.058, 64.538, 294.52
CIE-LUV	58.058, -10.767, -95.914
Hunter-Lab	51.012, 20.94, -66.75
Binary	01110110, 10000001, 11110011

#7681f3
```
#7681f3 rgb(118,129,243)
```
#f3e876
```
#f3e876 rgb(243,232,118)
```

Complementary Color

#76c0f3
```
#76c0f3 rgb(118,192,243)
```
#7681f3
```
#7681f3 rgb(118,129,243)
```
#aa76f3
```
#aa76f3 rgb(170,118,243)
```

Analogous Color

#c0f376
```
#c0f376 rgb(192,243,118)
```
#7681f3
```
#7681f3 rgb(118,129,243)
```
#f3aa76
```
#f3aa76 rgb(243,170,118)
```

Split Complementary Color

#81f376
```
#81f376 rgb(129,243,118)
```
#7681f3
```
#7681f3 rgb(118,129,243)
```
#f37681
```
#f37681 rgb(243,118,129)
```

Triadic Color

#76f3e8
```
#76f3e8 rgb(118,243,232)
```
#7681f3
```
#7681f3 rgb(118,129,243)
```
#f37681
```
#f37681 rgb(243,118,129)
```
#f3e876
```
#f3e876 rgb(243,232,118)
```

Tetradic Color

#3040ed
```
#3040ed rgb(48,64,237)
```
#4756ef
```
#4756ef rgb(71,86,239)
```
#5f6bf1
```
#5f6bf1 rgb(95,107,241)
```
#7681f3
```
#7681f3 rgb(118,129,243)
```
#8d97f5
```
#8d97f5 rgb(141,151,245)
```
#a5acf7
```
#a5acf7 rgb(165,172,247)
```
#bcc2f9
```
#bcc2f9 rgb(188,194,249)
```

Monochromatic Color

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

#76a0f3
```
#76a0f3 rgb(118,160,243)
```
#7696f3
```
#7696f3 rgb(118,150,243)
```
#768bf3
```
#768bf3 rgb(118,139,243)
```
#7681f3
```
#7681f3 rgb(118,129,243)
```
#7677f3
```
#7677f3 rgb(118,119,243)
```
#8076f3
```
#8076f3 rgb(128,118,243)
```
#8a76f3
```
#8a76f3 rgb(138,118,243)
```

Similar Colors

Text with hexadecimal color #7681f3

This text has a font color of #7681f3.

<span style="color:#7681f3;">Text here</span>

#7681f3 background color

This paragraph has a background color of #7681f3.

<p style="background-color:#7681f3;">Content here</p>

#7681f3 border color

This element has a border color of #7681f3.

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

CSS codes

.text {color:#7681f3;}

.background {background-color:#7681f3;}

.border {border:1px solid #7681f3;}

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

#010107
```
#010107 rgb(1,1,7)
```
#020419
```
#020419 rgb(2,4,25)
```
#04072b
```
#04072b rgb(4,7,43)
```
#050a3d
```
#050a3d rgb(5,10,61)
```
#070d4f
```
#070d4f rgb(7,13,79)
```
#091061
```
#091061 rgb(9,16,97)
```
#0a1373
```
#0a1373 rgb(10,19,115)
```
#0c1686
```
#0c1686 rgb(12,22,134)
```
#0d1998
```
#0d1998 rgb(13,25,152)
```
#0f1caa
```
#0f1caa rgb(15,28,170)
```
#1020bc
```
#1020bc rgb(16,32,188)
```
#1223ce
```
#1223ce rgb(18,35,206)
```
#1426e0
```
#1426e0 rgb(20,38,224)
```

Shade Color Variation

#1c2eeb
```
#1c2eeb rgb(28,46,235)
```
#2e3fed
```
#2e3fed rgb(46,63,237)
```
#404fee
```
#404fee rgb(64,79,238)
```
#5260f0
```
#5260f0 rgb(82,96,240)
```
#6470f1
```
#6470f1 rgb(100,112,241)
```
#7681f3
```
#7681f3 rgb(118,129,243)
```
#8892f5
```
#8892f5 rgb(136,146,245)
```
#9aa2f6
```
#9aa2f6 rgb(154,162,246)
```
#acb3f8
```
#acb3f8 rgb(172,179,248)
```
#bec3f9
```
#bec3f9 rgb(190,195,249)
```
#d0d4fb
```
#d0d4fb rgb(208,212,251)
```
#e2e5fc
```
#e2e5fc rgb(226,229,252)
```
#f4f5fe
```
#f4f5fe rgb(244,245,254)
```

Tint Color Variation

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

#afb0ba
```
#afb0ba rgb(175,176,186)
```
#aaabbf
```
#aaabbf rgb(170,171,191)
```
#a4a7c5
```
#a4a7c5 rgb(164,167,197)
```
#9ea2cb
```
#9ea2cb rgb(158,162,203)
```
#989dd1
```
#989dd1 rgb(152,157,209)
```
#9399d6
```
#9399d6 rgb(147,153,214)
```
#8d94dc
```
#8d94dc rgb(141,148,220)
```
#878fe2
```
#878fe2 rgb(135,143,226)
```
#818ae8
```
#818ae8 rgb(129,138,232)
```
#7c86ed
```
#7c86ed rgb(124,134,237)
```
#7681f3
```
#7681f3 rgb(118,129,243)
```
#707cf9
```
#707cf9 rgb(112,124,249)
```
#6b78fe
```
#6b78fe rgb(107,120,254)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#8789a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#578ef9 Protanopia 1% of men
#3e93ee Deuteranopia 1% of men
#5b9aa6 Tritanopia 0.001% of the population

Trichromacy

#6289f6 Protanomaly 1% of men, 0.01% of women
#528cf0 Deuteranomaly 6% of men, 0.4% of women
#6591c2 Tritanomaly 0.01% of the population

#7681f3 hex color

#7681f3 Color Information

#7681f3 Color Conversion

Color Schemes with #7681f3

Alternatives to #7681f3

#7681f3 Preview

Shades and Tints of #7681f3

Tones of #7681f3

Color Blindness Simulator