#778afd hex color

In a RGB color space, hex #778afd is composed of 46.7% red, 54.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 53% cyan, 45.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 231.5 degrees, a saturation of 97.1% and a lightness of 72.9%. #778afd color hex could be obtained by blending #eeffff with #0015fb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 47
- G 54
- B 99
RGB color chart
- C 53
- M 45
- Y 0
- K 1
CMYK color chart

● #778afd color description : Soft blue.

The hexadecimal color #778afd has RGB values of R:119, G:138, B:253 and CMYK values of C:0.53, M:0.45, Y:0, K:0.01. Its decimal value is 7834365.

Hex triplet	778afd	`#778afd`
RGB Decimal	119, 138, 253	`rgb(119,138,253)`
RGB Percent	46.7, 54.1, 99.2	`rgb(46.7%,54.1%,99.2%)`
CMYK	53, 45, 0, 1
HSL	231.5°, 97.1, 72.9	`hsl(231.5,97.1%,72.9%)`
HSV (or HSB)	231.5°, 53, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.948, 24.725, -59.603
XYZ	34.422, 29.189, 96.743
xyY	0.215, 0.182, 29.189
CIE-LCH	60.948, 64.528, 292.53
CIE-LUV	60.948, -13.677, -98.093
Hunter-Lab	54.027, 19.18, -68.348
Binary	01110111, 10001010, 11111101

#778afd
```
#778afd rgb(119,138,253)
```
#fdea77
```
#fdea77 rgb(253,234,119)
```

Complementary Color

#77cdfd
```
#77cdfd rgb(119,205,253)
```
#778afd
```
#778afd rgb(119,138,253)
```
#a777fd
```
#a777fd rgb(167,119,253)
```

Analogous Color

#cdfd77
```
#cdfd77 rgb(205,253,119)
```
#778afd
```
#778afd rgb(119,138,253)
```
#fda777
```
#fda777 rgb(253,167,119)
```

Split Complementary Color

#8afd77
```
#8afd77 rgb(138,253,119)
```
#778afd
```
#778afd rgb(119,138,253)
```
#fd778a
```
#fd778a rgb(253,119,138)
```

Triadic Color

#77fdea
```
#77fdea rgb(119,253,234)
```
#778afd
```
#778afd rgb(119,138,253)
```
#fd778a
```
#fd778a rgb(253,119,138)
```
#fdea77
```
#fdea77 rgb(253,234,119)
```

Tetradic Color

#2c49fc
```
#2c49fc rgb(44,73,252)
```
#455ffc
```
#455ffc rgb(69,95,252)
```
#5e74fd
```
#5e74fd rgb(94,116,253)
```
#778afd
```
#778afd rgb(119,138,253)
```
#90a0fd
```
#90a0fd rgb(144,160,253)
```
#a9b5fe
```
#a9b5fe rgb(169,181,254)
```
#c2cbfe
```
#c2cbfe rgb(194,203,254)
```

Monochromatic Color

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

#77acfd
```
#77acfd rgb(119,172,253)
```
#77a0fd
```
#77a0fd rgb(119,160,253)
```
#7795fd
```
#7795fd rgb(119,149,253)
```
#778afd
```
#778afd rgb(119,138,253)
```
#777ffd
```
#777ffd rgb(119,127,253)
```
#7a77fd
```
#7a77fd rgb(122,119,253)
```
#8677fd
```
#8677fd rgb(134,119,253)
```

Similar Colors

Text with hexadecimal color #778afd

This text has a font color of #778afd.

<span style="color:#778afd;">Text here</span>

#778afd background color

This paragraph has a background color of #778afd.

<p style="background-color:#778afd;">Content here</p>

#778afd border color

This element has a border color of #778afd.

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

CSS codes

.text {color:#778afd;}

.background {background-color:#778afd;}

.border {border:1px solid #778afd;}

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

#000313
```
#000313 rgb(0,3,19)
```
#010626
```
#010626 rgb(1,6,38)
```
#010939
```
#010939 rgb(1,9,57)
```
#010c4d
```
#010c4d rgb(1,12,77)
```
#010f60
```
#010f60 rgb(1,15,96)
```
#021273
```
#021273 rgb(2,18,115)
```
#021587
```
#021587 rgb(2,21,135)
```
#02189a
```
#02189a rgb(2,24,154)
```
#031bad
```
#031bad rgb(3,27,173)
```
#031ec1
```
#031ec1 rgb(3,30,193)
```
#0321d4
```
#0321d4 rgb(3,33,212)
```
#0324e7
```
#0324e7 rgb(3,36,231)
```
#0427fb
```
#0427fb rgb(4,39,251)
```

Shade Color Variation

#1637fc
```
#1637fc rgb(22,55,252)
```
#2a47fc
```
#2a47fc rgb(42,71,252)
```
#3d58fc
```
#3d58fc rgb(61,88,252)
```
#5069fc
```
#5069fc rgb(80,105,252)
```
#6479fd
```
#6479fd rgb(100,121,253)
```
#778afd
```
#778afd rgb(119,138,253)
```
#8a9bfd
```
#8a9bfd rgb(138,155,253)
```
#9eabfe
```
#9eabfe rgb(158,171,254)
```
#b1bcfe
```
#b1bcfe rgb(177,188,254)
```
#c4cdfe
```
#c4cdfe rgb(196,205,254)
```
#d8ddfe
```
#d8ddfe rgb(216,221,254)
```
#ebeeff
```
#ebeeff rgb(235,238,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#b7b8bd
```
#b7b8bd rgb(183,184,189)
```
#b1b4c3
```
#b1b4c3 rgb(177,180,195)
```
#acb0c8
```
#acb0c8 rgb(172,176,200)
```
#a7accd
```
#a7accd rgb(167,172,205)
```
#a1a8d3
```
#a1a8d3 rgb(161,168,211)
```
#9ca5d8
```
#9ca5d8 rgb(156,165,216)
```
#97a1dd
```
#97a1dd rgb(151,161,221)
```
#929de2
```
#929de2 rgb(146,157,226)
```
#8c99e8
```
#8c99e8 rgb(140,153,232)
```
#8795ed
```
#8795ed rgb(135,149,237)
```
#8292f2
```
#8292f2 rgb(130,146,242)
```
#7c8ef8
```
#7c8ef8 rgb(124,142,248)
```
#778afd
```
#778afd rgb(119,138,253)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#8c90a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6295ff Protanopia 1% of men
#469af8 Deuteranopia 1% of men
#5aa3af Tritanopia 0.001% of the population

Trichromacy

#6a91fe Protanomaly 1% of men, 0.01% of women
#5894fa Deuteranomaly 6% of men, 0.4% of women
#649acb Tritanomaly 0.01% of the population

#778afd hex color

#778afd Color Information

#778afd Color Conversion

Color Schemes with #778afd

Alternatives to #778afd

#778afd Preview

Shades and Tints of #778afd

Tones of #778afd

Color Blindness Simulator