#684aec hex color

In a RGB color space, hex #684aec is composed of 40.8% red, 29% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 68.6% magenta, 0% yellow and 7.5% black. It has a hue angle of 251.1 degrees, a saturation of 81% and a lightness of 60.8%. #684aec color hex could be obtained by blending #d094ff with #0000d9. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 41
- G 29
- B 93
RGB color chart
- C 56
- M 69
- Y 0
- K 7
CMYK color chart

● #684aec color description : Soft blue.

The hexadecimal color #684aec has RGB values of R:104, G:74, B:236 and CMYK values of C:0.56, M:0.69, Y:0, K:0.07. Its decimal value is 6834924.

Hex triplet	684aec	`#684aec`
RGB Decimal	104, 74, 236	`rgb(104,74,236)`
RGB Percent	40.8, 29, 92.5	`rgb(40.8%,29%,92.5%)`
CMYK	56, 69, 0, 7
HSL	251.1°, 81, 60.8	`hsl(251.1,81%,60.8%)`
HSV (or HSB)	251.1°, 68.6, 92.5
Web Safe	6633ff	`#6633ff`

CIE-LAB	44.083, 53.925, -77.483
XYZ	23.295, 13.896, 80.807
xyY	0.197, 0.118, 13.896
CIE-LCH	44.083, 94.401, 304.836
CIE-LUV	44.083, -0.757, -117.239
Hunter-Lab	37.277, 46.312, -102.43
Binary	01101000, 01001010, 11101100

#684aec
```
#684aec rgb(104,74,236)
```
#ceec4a
```
#ceec4a rgb(206,236,74)
```

Complementary Color

#4a7dec
```
#4a7dec rgb(74,125,236)
```
#684aec
```
#684aec rgb(104,74,236)
```
#b94aec
```
#b94aec rgb(185,74,236)
```

Analogous Color

#7dec4a
```
#7dec4a rgb(125,236,74)
```
#684aec
```
#684aec rgb(104,74,236)
```
#ecb94a
```
#ecb94a rgb(236,185,74)
```

Split Complementary Color

#4aec68
```
#4aec68 rgb(74,236,104)
```
#684aec
```
#684aec rgb(104,74,236)
```
#ec684a
```
#ec684a rgb(236,104,74)
```

Triadic Color

#4aceec
```
#4aceec rgb(74,206,236)
```
#684aec
```
#684aec rgb(104,74,236)
```
#ec684a
```
#ec684a rgb(236,104,74)
```
#ceec4a
```
#ceec4a rgb(206,236,74)
```

Tetradic Color

#3916d3
```
#3916d3 rgb(57,22,211)
```
#411ce7
```
#411ce7 rgb(65,28,231)
```
#5533ea
```
#5533ea rgb(85,51,234)
```
#684aec
```
#684aec rgb(104,74,236)
```
#7b61ee
```
#7b61ee rgb(123,97,238)
```
#8f78f1
```
#8f78f1 rgb(143,120,241)
```
#a28ff3
```
#a28ff3 rgb(162,143,243)
```

Monochromatic Color

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

#4a55ec
```
#4a55ec rgb(74,85,236)
```
#4d4aec
```
#4d4aec rgb(77,74,236)
```
#5b4aec
```
#5b4aec rgb(91,74,236)
```
#684aec
```
#684aec rgb(104,74,236)
```
#764aec
```
#764aec rgb(118,74,236)
```
#834aec
```
#834aec rgb(131,74,236)
```
#914aec
```
#914aec rgb(145,74,236)
```

Similar Colors

Text with hexadecimal color #684aec

This text has a font color of #684aec.

<span style="color:#684aec;">Text here</span>

#684aec background color

This paragraph has a background color of #684aec.

<p style="background-color:#684aec;">Content here</p>

#684aec border color

This element has a border color of #684aec.

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

CSS codes

.text {color:#684aec;}

.background {background-color:#684aec;}

.border {border:1px solid #684aec;}

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

#04010e
```
#04010e rgb(4,1,14)
```
#090320
```
#090320 rgb(9,3,32)
```
#0d0532
```
#0d0532 rgb(13,5,50)
```
#120744
```
#120744 rgb(18,7,68)
```
#170955
```
#170955 rgb(23,9,85)
```
#1c0b67
```
#1c0b67 rgb(28,11,103)
```
#210d79
```
#210d79 rgb(33,13,121)
```
#260f8b
```
#260f8b rgb(38,15,139)
```
#2a109c
```
#2a109c rgb(42,16,156)
```
#2f12ae
```
#2f12ae rgb(47,18,174)
```
#3414c0
```
#3414c0 rgb(52,20,192)
```
#3916d2
```
#3916d2 rgb(57,22,210)
```
#3e18e3
```
#3e18e3 rgb(62,24,227)
```

Shade Color Variation

#4a26e8
```
#4a26e8 rgb(74,38,232)
```
#5938ea
```
#5938ea rgb(89,56,234)
```
#684aec
```
#684aec rgb(104,74,236)
```
#775cee
```
#775cee rgb(119,92,238)
```
#866ef0
```
#866ef0 rgb(134,110,240)
```
#947ff2
```
#947ff2 rgb(148,127,242)
```
#a391f3
```
#a391f3 rgb(163,145,243)
```
#b2a3f5
```
#b2a3f5 rgb(178,163,245)
```
#c1b5f7
```
#c1b5f7 rgb(193,181,247)
```
#d0c6f9
```
#d0c6f9 rgb(208,198,249)
```
#ded8fb
```
#ded8fb rgb(222,216,251)
```
#edeafd
```
#edeafd rgb(237,234,253)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #98979f is the less saturated color, while #5e3bfb is the most saturated one.

#98979f
```
#98979f rgb(152,151,159)
```
#948fa7
```
#948fa7 rgb(148,143,167)
```
#8f88ae
```
#8f88ae rgb(143,136,174)
```
#8a80b6
```
#8a80b6 rgb(138,128,182)
```
#8578be
```
#8578be rgb(133,120,190)
```
#8070c6
```
#8070c6 rgb(128,112,198)
```
#7b69cd
```
#7b69cd rgb(123,105,205)
```
#7761d5
```
#7761d5 rgb(119,97,213)
```
#7259dd
```
#7259dd rgb(114,89,221)
```
#6d52e4
```
#6d52e4 rgb(109,82,228)
```
#684aec
```
#684aec rgb(104,74,236)
```
#6342f4
```
#6342f4 rgb(99,66,244)
```
#5e3bfb
```
#5e3bfb rgb(94,59,251)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#666080 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#0072b9 Deuteranopia 1% of men
#377881 Tritanopia 0.001% of the population

Trichromacy

#2560dc Protanomaly 1% of men, 0.01% of women
#2563cb Deuteranomaly 6% of men, 0.4% of women
#4967a8 Tritanomaly 0.01% of the population

#684aec hex color

#684aec Color Information

#684aec Color Conversion

Color Schemes with #684aec

Alternatives to #684aec

#684aec Preview

Shades and Tints of #684aec

Tones of #684aec

Color Blindness Simulator