#684afa hex color

In a RGB color space, hex #684afa is composed of 40.8% red, 29% green and 98% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 70.4% magenta, 0% yellow and 2% black. It has a hue angle of 250.2 degrees, a saturation of 94.6% and a lightness of 63.5%. #684afa color hex could be obtained by blending #d094ff with #0000f5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 41
- G 29
- B 98
RGB color chart
- C 58
- M 70
- Y 0
- K 2
CMYK color chart

● #684afa color description : Bright blue.

The hexadecimal color #684afa has RGB values of R:104, G:74, B:250 and CMYK values of C:0.58, M:0.7, Y:0, K:0.02. Its decimal value is 6834938.

Hex triplet	684afa	`#684afa`
RGB Decimal	104, 74, 250	`rgb(104,74,250)`
RGB Percent	40.8, 29, 98	`rgb(40.8%,29%,98%)`
CMYK	58, 70, 0, 2
HSL	250.2°, 94.6, 63.5	`hsl(250.2,94.6%,63.5%)`
HSV (or HSB)	250.2°, 70.4, 98
Web Safe	6633ff	`#6633ff`

CIE-LAB	45.279, 57.968, -83.386
XYZ	25.41, 14.742, 91.944
xyY	0.192, 0.112, 14.742
CIE-LCH	45.279, 101.556, 304.806
CIE-LUV	45.279, -1.923, -126.169
Hunter-Lab	38.395, 50.939, -115.104
Binary	01101000, 01001010, 11111010

#684afa
```
#684afa rgb(104,74,250)
```
#dcfa4a
```
#dcfa4a rgb(220,250,74)
```

Complementary Color

#4a84fa
```
#4a84fa rgb(74,132,250)
```
#684afa
```
#684afa rgb(104,74,250)
```
#c04afa
```
#c04afa rgb(192,74,250)
```

Analogous Color

#84fa4a
```
#84fa4a rgb(132,250,74)
```
#684afa
```
#684afa rgb(104,74,250)
```
#fac04a
```
#fac04a rgb(250,192,74)
```

Split Complementary Color

#4afa68
```
#4afa68 rgb(74,250,104)
```
#684afa
```
#684afa rgb(104,74,250)
```
#fa684a
```
#fa684a rgb(250,104,74)
```

Triadic Color

#4adcfa
```
#4adcfa rgb(74,220,250)
```
#684afa
```
#684afa rgb(104,74,250)
```
#fa684a
```
#fa684a rgb(250,104,74)
```
#dcfa4a
```
#dcfa4a rgb(220,250,74)
```

Tetradic Color

#2f07f1
```
#2f07f1 rgb(47,7,241)
```
#3f18f9
```
#3f18f9 rgb(63,24,249)
```
#5331f9
```
#5331f9 rgb(83,49,249)
```
#684afa
```
#684afa rgb(104,74,250)
```
#7d63fb
```
#7d63fb rgb(125,99,251)
```
#917cfb
```
#917cfb rgb(145,124,251)
```
#a694fc
```
#a694fc rgb(166,148,252)
```

Monochromatic Color

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

#4a58fa
```
#4a58fa rgb(74,88,250)
```
#4b4afa
```
#4b4afa rgb(75,74,250)
```
#594afa
```
#594afa rgb(89,74,250)
```
#684afa
```
#684afa rgb(104,74,250)
```
#774afa
```
#774afa rgb(119,74,250)
```
#854afa
```
#854afa rgb(133,74,250)
```
#944afa
```
#944afa rgb(148,74,250)
```

Similar Colors

Text with hexadecimal color #684afa

This text has a font color of #684afa.

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

#684afa background color

This paragraph has a background color of #684afa.

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

#684afa border color

This element has a border color of #684afa.

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

CSS codes

.text {color:#684afa;}

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

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

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, #02000a is the darkest color, while #f7f6ff is the lightest one.

#02000a
```
#02000a rgb(2,0,10)
```
#06011d
```
#06011d rgb(6,1,29)
```
#090130
```
#090130 rgb(9,1,48)
```
#0d0243
```
#0d0243 rgb(13,2,67)
```
#110256
```
#110256 rgb(17,2,86)
```
#140369
```
#140369 rgb(20,3,105)
```
#18037c
```
#18037c rgb(24,3,124)
```
#1c048f
```
#1c048f rgb(28,4,143)
```
#1f04a3
```
#1f04a3 rgb(31,4,163)
```
#2305b6
```
#2305b6 rgb(35,5,182)
```
#2706c9
```
#2706c9 rgb(39,6,201)
```
#2b06dc
```
#2b06dc rgb(43,6,220)
```
#2e07ef
```
#2e07ef rgb(46,7,239)
```

Shade Color Variation

#3811f8
```
#3811f8 rgb(56,17,248)
```
#4824f9
```
#4824f9 rgb(72,36,249)
```
#5837f9
```
#5837f9 rgb(88,55,249)
```
#684afa
```
#684afa rgb(104,74,250)
```
#785dfb
```
#785dfb rgb(120,93,251)
```
#8870fb
```
#8870fb rgb(136,112,251)
```
#9883fc
```
#9883fc rgb(152,131,252)
```
#a896fc
```
#a896fc rgb(168,150,252)
```
#b8a9fd
```
#b8a9fd rgb(184,169,253)
```
#c8bdfd
```
#c8bdfd rgb(200,189,253)
```
#d7d0fe
```
#d7d0fe rgb(215,208,254)
```
#e7e3fe
```
#e7e3fe rgb(231,227,254)
```
#f7f6ff
```
#f7f6ff rgb(247,246,255)
```

Tint Color Variation

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

#a1a0a4
```
#a1a0a4 rgb(161,160,164)
```
#9c99ab
```
#9c99ab rgb(156,153,171)
```
#9792b2
```
#9792b2 rgb(151,146,178)
```
#928aba
```
#928aba rgb(146,138,186)
```
#8e83c1
```
#8e83c1 rgb(142,131,193)
```
#897cc8
```
#897cc8 rgb(137,124,200)
```
#8475cf
```
#8475cf rgb(132,117,207)
```
#806ed6
```
#806ed6 rgb(128,110,214)
```
#7b67dd
```
#7b67dd rgb(123,103,221)
```
#765fe5
```
#765fe5 rgb(118,95,229)
```
#7158ec
```
#7158ec rgb(113,88,236)
```
#6d51f3
```
#6d51f3 rgb(109,81,243)
```
#684afa
```
#684afa rgb(104,74,250)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#676184 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0075bd Deuteranopia 1% of men
#227d86 Tritanopia 0.001% of the population

Trichromacy

#2561e5 Protanomaly 1% of men, 0.01% of women
#2565d3 Deuteranomaly 6% of men, 0.4% of women
#3b6ab0 Tritanomaly 0.01% of the population

#684afa hex color

#684afa Color Information

#684afa Color Conversion

Color Schemes with #684afa

Alternatives to #684afa

#684afa Preview

Shades and Tints of #684afa

Tones of #684afa

Color Blindness Simulator