#7d80f3 hex color

In a RGB color space, hex #7d80f3 is composed of 49% red, 50.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 47.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 238.5 degrees, a saturation of 83.1% and a lightness of 72.2%. #7d80f3 color hex could be obtained by blending #faffff with #0001e7. Closest websafe color is: #6699ff.

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

● #7d80f3 color description : Soft blue.

The hexadecimal color #7d80f3 has RGB values of R:125, G:128, B:243 and CMYK values of C:0.49, M:0.47, Y:0, K:0.05. Its decimal value is 8225011.

Hex triplet	7d80f3	`#7d80f3`
RGB Decimal	125, 128, 243	`rgb(125,128,243)`
RGB Percent	49, 50.2, 95.3	`rgb(49%,50.2%,95.3%)`
CMYK	49, 47, 0, 5
HSL	238.5°, 83.1, 72.2	`hsl(238.5,83.1%,72.2%)`
HSV (or HSB)	238.5°, 48.6, 95.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.291, 28.884, -58.318
XYZ	32.351, 26.268, 88.155
xyY	0.22, 0.179, 26.268
CIE-LCH	58.291, 65.079, 296.348
CIE-LUV	58.291, -7.976, -95.573
Hunter-Lab	51.253, 22.979, -66.102
Binary	01111101, 10000000, 11110011

#7d80f3
```
#7d80f3 rgb(125,128,243)
```
#f3f07d
```
#f3f07d rgb(243,240,125)
```

Complementary Color

#7dbbf3
```
#7dbbf3 rgb(125,187,243)
```
#7d80f3
```
#7d80f3 rgb(125,128,243)
```
#b57df3
```
#b57df3 rgb(181,125,243)
```

Analogous Color

#bbf37d
```
#bbf37d rgb(187,243,125)
```
#7d80f3
```
#7d80f3 rgb(125,128,243)
```
#f3b57d
```
#f3b57d rgb(243,181,125)
```

Split Complementary Color

#80f37d
```
#80f37d rgb(128,243,125)
```
#7d80f3
```
#7d80f3 rgb(125,128,243)
```
#f37d80
```
#f37d80 rgb(243,125,128)
```

Triadic Color

#7df3f0
```
#7df3f0 rgb(125,243,240)
```
#7d80f3
```
#7d80f3 rgb(125,128,243)
```
#f37d80
```
#f37d80 rgb(243,125,128)
```
#f3f07d
```
#f3f07d rgb(243,240,125)
```

Tetradic Color

#373ced
```
#373ced rgb(55,60,237)
```
#4e52ef
```
#4e52ef rgb(78,82,239)
```
#6669f1
```
#6669f1 rgb(102,105,241)
```
#7d80f3
```
#7d80f3 rgb(125,128,243)
```
#9497f5
```
#9497f5 rgb(148,151,245)
```
#acaef7
```
#acaef7 rgb(172,174,247)
```
#c3c4f9
```
#c3c4f9 rgb(195,196,249)
```

Monochromatic Color

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

#7d9ef3
```
#7d9ef3 rgb(125,158,243)
```
#7d94f3
```
#7d94f3 rgb(125,148,243)
```
#7d8af3
```
#7d8af3 rgb(125,138,243)
```
#7d80f3
```
#7d80f3 rgb(125,128,243)
```
#847df3
```
#847df3 rgb(132,125,243)
```
#8e7df3
```
#8e7df3 rgb(142,125,243)
```
#987df3
```
#987df3 rgb(152,125,243)
```

Similar Colors

Text with hexadecimal color #7d80f3

This text has a font color of #7d80f3.

<span style="color:#7d80f3;">Text here</span>

#7d80f3 background color

This paragraph has a background color of #7d80f3.

<p style="background-color:#7d80f3;">Content here</p>

#7d80f3 border color

This element has a border color of #7d80f3.

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

CSS codes

.text {color:#7d80f3;}

.background {background-color:#7d80f3;}

.border {border:1px solid #7d80f3;}

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, #01020e is the darkest color, while #fbfbff is the lightest one.

#01020e
```
#01020e rgb(1,2,14)
```
#030420
```
#030420 rgb(3,4,32)
```
#050632
```
#050632 rgb(5,6,50)
```
#060844
```
#060844 rgb(6,8,68)
```
#080a55
```
#080a55 rgb(8,10,85)
```
#0a0c67
```
#0a0c67 rgb(10,12,103)
```
#0b0e79
```
#0b0e79 rgb(11,14,121)
```
#0d108b
```
#0d108b rgb(13,16,139)
```
#0f129d
```
#0f129d rgb(15,18,157)
```
#1014af
```
#1014af rgb(16,20,175)
```
#1216c1
```
#1216c1 rgb(18,22,193)
```
#1318d3
```
#1318d3 rgb(19,24,211)
```
#151ae5
```
#151ae5 rgb(21,26,229)
```

Shade Color Variation

#2328eb
```
#2328eb rgb(35,40,235)
```
#353aec
```
#353aec rgb(53,58,236)
```
#474bee
```
#474bee rgb(71,75,238)
```
#595df0
```
#595df0 rgb(89,93,240)
```
#6b6ef1
```
#6b6ef1 rgb(107,110,241)
```
#7d80f3
```
#7d80f3 rgb(125,128,243)
```
#8f92f5
```
#8f92f5 rgb(143,146,245)
```
#a1a3f6
```
#a1a3f6 rgb(161,163,246)
```
#b3b5f8
```
#b3b5f8 rgb(179,181,248)
```
#c5c6fa
```
#c5c6fa rgb(197,198,250)
```
#d7d8fb
```
#d7d8fb rgb(215,216,251)
```
#e9e9fd
```
#e9e9fd rgb(233,233,253)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

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

#b4b4bc
```
#b4b4bc rgb(180,180,188)
```
#aeafc2
```
#aeafc2 rgb(174,175,194)
```
#a9a9c7
```
#a9a9c7 rgb(169,169,199)
```
#a3a4cd
```
#a3a4cd rgb(163,164,205)
```
#9e9fd2
```
#9e9fd2 rgb(158,159,210)
```
#989ad8
```
#989ad8 rgb(152,154,216)
```
#9395dd
```
#9395dd rgb(147,149,221)
```
#8d90e3
```
#8d90e3 rgb(141,144,227)
```
#888ae8
```
#888ae8 rgb(136,138,232)
```
#8285ee
```
#8285ee rgb(130,133,238)
```
#7d80f3
```
#7d80f3 rgb(125,128,243)
```
#787bf8
```
#787bf8 rgb(120,123,248)
```
#7276fe
```
#7276fe rgb(114,118,254)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#898aa1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#578efa Protanopia 1% of men
#4393ee Deuteranopia 1% of men
#659aa5 Tritanopia 0.001% of the population

Trichromacy

#6589f7 Protanomaly 1% of men, 0.01% of women
#588cf0 Deuteranomaly 6% of men, 0.4% of women
#6e90c1 Tritanomaly 0.01% of the population

#7d80f3 hex color

#7d80f3 Color Information

#7d80f3 Color Conversion

Color Schemes with #7d80f3

Alternatives to #7d80f3

#7d80f3 Preview

Shades and Tints of #7d80f3

Tones of #7d80f3

Color Blindness Simulator