#7774f3 Color Information
In a RGB color space, hex #7774f3 is composed of 46.7% red, 45.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 52.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 241.4 degrees, a saturation of 84.1% and a lightness of 70.4%. #7774f3 color hex could be obtained by blending #eee8ff with #0000e7. Closest websafe color is: #6666ff.
-
- R 47
- G 45
- B 95
-
- C 51
- M 52
- Y 0
- K 5
● #7774f3 color description : Soft blue.
#7774f3 Color Conversion
The hexadecimal color #7774f3 has RGB values of R:119, G:116, B:243 and CMYK values of C:0.51, M:0.52, Y:0, K:0.05. Its decimal value is 7828723.
Hex triplet | 7774f3 | #7774f3 |
---|---|---|
RGB Decimal | 119, 116, 243 | rgb(119,116,243) |
RGB Percent | 46.7, 45.5, 95.3 | rgb(46.7%,45.5%,95.3%) |
CMYK | 51, 52, 0, 5 | |
HSL | 241.4°, 84.1, 70.4 | hsl(241.4,84.1%,70.4%) |
HSV (or HSB) | 241.4°, 52.3, 95.3 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 54.951, 34.712, -63.7 |
---|---|
XYZ | 30.028, 22.883, 87.624 |
xyY | 0.214, 0.163, 22.883 |
CIE-LCH | 54.951, 72.544, 298.587 |
CIE-LUV | 54.951, -6.45, -103.294 |
Hunter-Lab | 47.836, 28.335, -75.119 |
Binary | 01110111, 01110100, 11110011 |
Color Schemes with #7774f3
Alternatives to #7774f3
Below, you can see some colors close to #7774f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7774f3 Preview
This text has a font color of #7774f3.
<span style="color:#7774f3;">Text here</span>
This paragraph has a background color of #7774f3.
<p style="background-color:#7774f3;">Content here</p>
This element has a border color of #7774f3.
<div style="border:1px solid #7774f3;">Content here</div>
.text {color:#7774f3;}
.background {background-color:#7774f3;}
.border {border:1px solid #7774f3;}
Shades and Tints of #7774f3
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, #010005 is the darkest color, while #f3f2fe is the lightest one.
-
#010005
#010005
rgb(1,0,5)
-
#030218
#030218
rgb(3,2,24)
-
#04042a
#04042a
rgb(4,4,42)
-
#06053c
#06053c
rgb(6,5,60)
-
#08074e
#08074e
rgb(8,7,78)
-
#0a0860
#0a0860
rgb(10,8,96)
-
#0c0a72
#0c0a72
rgb(12,10,114)
-
#0e0b84
#0e0b84
rgb(14,11,132)
-
#100d96
#100d96
rgb(16,13,150)
-
#120fa8
#120fa8
rgb(18,15,168)
-
#1410ba
#1410ba
rgb(20,16,186)
-
#1612cc
#1612cc
rgb(22,18,204)
-
#1813de
#1813de
rgb(24,19,222)
-
#1f1aeb
#1f1aeb
rgb(31,26,235)
-
#302ced
#302ced
rgb(48,44,237)
-
#423eee
#423eee
rgb(66,62,238)
-
#5450f0
#5450f0
rgb(84,80,240)
-
#6562f1
#6562f1
rgb(101,98,241)
-
#7774f3
#7774f3
rgb(119,116,243)
-
#8986f5
#8986f5
rgb(137,134,245)
-
#9a98f6
#9a98f6
rgb(154,152,246)
-
#acaaf8
#acaaf8
rgb(172,170,248)
-
#bebcf9
#bebcf9
rgb(190,188,249)
-
#cfcefb
#cfcefb
rgb(207,206,251)
-
#e1e0fc
#e1e0fc
rgb(225,224,252)
-
#f3f2fe
#f3f2fe
rgb(243,242,254)
Tones of #7774f3
A tone is produced by adding gray to any pure hue. In this case, #aeaeb9 is the less saturated color, while #6c68ff is the most saturated one.
-
#aeaeb9
#aeaeb9
rgb(174,174,185)
-
#a9a8bf
#a9a8bf
rgb(169,168,191)
-
#a3a2c5
#a3a2c5
rgb(163,162,197)
-
#9e9dca
#9e9dca
rgb(158,157,202)
-
#9897d0
#9897d0
rgb(152,151,208)
-
#9391d6
#9391d6
rgb(147,145,214)
-
#8d8bdc
#8d8bdc
rgb(141,139,220)
-
#8885e2
#8885e2
rgb(136,133,226)
-
#8280e7
#8280e7
rgb(130,128,231)
-
#7d7aed
#7d7aed
rgb(125,122,237)
-
#7774f3
#7774f3
rgb(119,116,243)
-
#716ef9
#716ef9
rgb(113,110,249)
-
#6c68ff
#6c68ff
rgb(108,104,255)
Color Blindness Simulator
Below, you can see how #7774f3 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.