#778dfb hex color

In a RGB color space, hex #778dfb is composed of 46.7% red, 55.3% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 52.6% cyan, 43.8% magenta, 0% yellow and 1.6% black. It has a hue angle of 230 degrees, a saturation of 94.3% and a lightness of 72.5%. #778dfb color hex could be obtained by blending #eeffff with #001bf7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 47
- G 55
- B 98
RGB color chart
- C 53
- M 44
- Y 0
- K 2
CMYK color chart

● #778dfb color description : Soft blue.

The hexadecimal color #778dfb has RGB values of R:119, G:141, B:251 and CMYK values of C:0.53, M:0.44, Y:0, K:0.02. Its decimal value is 7835131.

Hex triplet	778dfb	`#778dfb`
RGB Decimal	119, 141, 251	`rgb(119,141,251)`
RGB Percent	46.7, 55.3, 98.4	`rgb(46.7%,55.3%,98.4%)`
CMYK	53, 44, 0, 2
HSL	230°, 94.3, 72.5	`hsl(230,94.3%,72.5%)`
HSV (or HSB)	230°, 52.6, 98.4
Web Safe	6699ff	`#6699ff`

CIE-LAB	61.598, 22.335, -57.467
XYZ	34.542, 29.935, 95.219
xyY	0.216, 0.187, 29.935
CIE-LCH	61.598, 61.655, 291.239
CIE-LUV	61.598, -14.593, -94.566
Hunter-Lab	54.713, 16.943, -64.886
Binary	01110111, 10001101, 11111011

#778dfb
```
#778dfb rgb(119,141,251)
```
#fbe577
```
#fbe577 rgb(251,229,119)
```

Complementary Color

#77cffb
```
#77cffb rgb(119,207,251)
```
#778dfb
```
#778dfb rgb(119,141,251)
```
#a377fb
```
#a377fb rgb(163,119,251)
```

Analogous Color

#cffb77
```
#cffb77 rgb(207,251,119)
```
#778dfb
```
#778dfb rgb(119,141,251)
```
#fba377
```
#fba377 rgb(251,163,119)
```

Split Complementary Color

#8dfb77
```
#8dfb77 rgb(141,251,119)
```
#778dfb
```
#778dfb rgb(119,141,251)
```
#fb778d
```
#fb778d rgb(251,119,141)
```

Triadic Color

#77fbe5
```
#77fbe5 rgb(119,251,229)
```
#778dfb
```
#778dfb rgb(119,141,251)
```
#fb778d
```
#fb778d rgb(251,119,141)
```
#fbe577
```
#fbe577 rgb(251,229,119)
```

Tetradic Color

#2d4ff9
```
#2d4ff9 rgb(45,79,249)
```
#4563fa
```
#4563fa rgb(69,99,250)
```
#5e78fa
```
#5e78fa rgb(94,120,250)
```
#778dfb
```
#778dfb rgb(119,141,251)
```
#90a2fc
```
#90a2fc rgb(144,162,252)
```
#a9b7fc
```
#a9b7fc rgb(169,183,252)
```
#c1cbfd
```
#c1cbfd rgb(193,203,253)
```

Monochromatic Color

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

#77aefb
```
#77aefb rgb(119,174,251)
```
#77a3fb
```
#77a3fb rgb(119,163,251)
```
#7798fb
```
#7798fb rgb(119,152,251)
```
#778dfb
```
#778dfb rgb(119,141,251)
```
#7782fb
```
#7782fb rgb(119,130,251)
```
#7777fb
```
#7777fb rgb(119,119,251)
```
#8277fb
```
#8277fb rgb(130,119,251)
```

Similar Colors

Text with hexadecimal color #778dfb

This text has a font color of #778dfb.

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

#778dfb background color

This paragraph has a background color of #778dfb.

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

#778dfb border color

This element has a border color of #778dfb.

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

CSS codes

.text {color:#778dfb;}

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

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

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

#000310
```
#000310 rgb(0,3,16)
```
#010723
```
#010723 rgb(1,7,35)
```
#020a37
```
#020a37 rgb(2,10,55)
```
#020e4a
```
#020e4a rgb(2,14,74)
```
#03125d
```
#03125d rgb(3,18,93)
```
#031570
```
#031570 rgb(3,21,112)
```
#041983
```
#041983 rgb(4,25,131)
```
#041d96
```
#041d96 rgb(4,29,150)
```
#0520a9
```
#0520a9 rgb(5,32,169)
```
#0624bc
```
#0624bc rgb(6,36,188)
```
#0628cf
```
#0628cf rgb(6,40,207)
```
#072be2
```
#072be2 rgb(7,43,226)
```
#072ff5
```
#072ff5 rgb(7,47,245)
```

Shade Color Variation

#183df8
```
#183df8 rgb(24,61,248)
```
#2b4df9
```
#2b4df9 rgb(43,77,249)
```
#3e5df9
```
#3e5df9 rgb(62,93,249)
```
#516dfa
```
#516dfa rgb(81,109,250)
```
#647dfa
```
#647dfa rgb(100,125,250)
```
#778dfb
```
#778dfb rgb(119,141,251)
```
#8a9dfc
```
#8a9dfc rgb(138,157,252)
```
#9dadfc
```
#9dadfc rgb(157,173,252)
```
#b0bdfd
```
#b0bdfd rgb(176,189,253)
```
#c3cdfd
```
#c3cdfd rgb(195,205,253)
```
#d6ddfe
```
#d6ddfe rgb(214,221,254)
```
#e9edfe
```
#e9edfe rgb(233,237,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#b8b8ba
```
#b8b8ba rgb(184,184,186)
```
#b2b4c0
```
#b2b4c0 rgb(178,180,192)
```
#adb1c5
```
#adb1c5 rgb(173,177,197)
```
#a7adcb
```
#a7adcb rgb(167,173,203)
```
#a2aad0
```
#a2aad0 rgb(162,170,208)
```
#9da6d5
```
#9da6d5 rgb(157,166,213)
```
#97a3db
```
#97a3db rgb(151,163,219)
```
#929fe0
```
#929fe0 rgb(146,159,224)
```
#8d9be5
```
#8d9be5 rgb(141,155,229)
```
#8798eb
```
#8798eb rgb(135,152,235)
```
#8294f0
```
#8294f0 rgb(130,148,240)
```
#7c91f6
```
#7c91f6 rgb(124,145,246)
```
#778dfb
```
#778dfb rgb(119,141,251)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#8d92a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6796fe Protanopia 1% of men
#519bf7 Deuteranopia 1% of men
#5ca4b0 Tritanopia 0.001% of the population

Trichromacy

#6d93fd Protanomaly 1% of men, 0.01% of women
#5e96f8 Deuteranomaly 6% of men, 0.4% of women
#669ccb Tritanomaly 0.01% of the population

#778dfb hex color

#778dfb Color Information

#778dfb Color Conversion

Color Schemes with #778dfb

Alternatives to #778dfb

#778dfb Preview

Shades and Tints of #778dfb

Tones of #778dfb

Color Blindness Simulator