Html Css Color HEX #C684F2 Heliotrope

📋 copy color: '#C684F2'

red 198 ◦ green 132 ◦ blue 242

#C684F2
Download Color Icon.PNG:
16x16 32x32 64x64 128x128 256x256

Shades of Heliotrope #C684F2

#C684F2
#9E6AC2
#7E559B
#65447C
#513663
#412B4F
#34223F
#2A1B32
#221628
#1B1220
#160E1A
#120B15
Black

Tints of Heliotrope #C684F2

#C684F2
#D19DF5
#DAB1F7
#E1C1F9
#E7CDFA
#ECD7FB
#F0DFFC
#F3E5FD
#F5EAFD
#F7EEFD
#F9F1FD
#FAF4FD
White

RGB

 RED value IS 198 (77.73% from 255) = 34.62%

 GREEN value IS 132 (51.95% from 255) = 23.08%

 BLUE value IS 242 (94.92% from 255) = 42.31%

R = 34.62%
G = 23.08%
B = 42.31%

CMYK

 C value IS 0.18

 M value IS 0.45

 Y value IS 0

 K value IS 0.05

RGB Variations

RGB:
#C684F2
RBG:
#C6F284
GRB:
#84C6F2
GBR:
#84F2C6
BRG:
#F2C6F2
BGR:
#F284C6

Color information

#C684F2 (or 0xC684F2) is known color: Heliotrope. HEX triplet: C6, 84 and F2. RGB value is (198,132,242). Sum of RGB (Red+Green+Blue) = 198+132+242=572 (75% of max value = 765). Red value is 198 (77.73% from 255 or 34.62% from 572); Green value is 132 (51.95% from 255 or 23.08% from 572); Blue value is 242 (94.92% from 255 or 42.31% from 572); Max value from RGB is 242 - color contains mainly: blue. Hex color #C684F2 is not a web safe color. Web safe color analog (approx): #CC99FF. Inversed color of #C684F2 is #397B0D. Grayscale: #A3A3A3. Windows color (decimal): -3767054 or 15893702. OLE color: 15893702.

HSL color Cylindrical-coordinate representation of color #C684F2: hue angle of 276º degrees, saturation: 0.81, lightness: 0.73%. HSV value (or HSB Brightness) of color is 0.95% and HSV saturation: 0.45%. Process color model (Four color, CMYK) of #C684F2 is Cyan = 0.18, Magento = 0.45, Yellow = 0 and Black (K on CMYK) = 0.05.

Color convert

RGB 198 132 242 -
CMYK 0.18 0.45 0 0.05
HSL 276º 0.81% 0.73% -
HSV(B) 276º 0.45% 0.95% -
XYZ 47.57 34.92 88.24 -
YUV 164.27 171.87 152.06 -
System Red Green Blue C M Y K H S L
Decimal 198 132 242 0.18 0.45 0 0.05 276 0.81 0.73
Hex C6 84 F2 12 2D 0 5 114 51 49
Octal 306 204 362 22 55 0 5 424 121 111
Binary 11000110 10000100 11110010 10010 101101 0 101 100010100 1010001 1001001

Color Harmonies of #C684F2

Triadic Colors

#F2C684
#84F2C6

Analogous colors

#F284E7
#8F84F2

Split complements colors

#E7F284
#84F28F

Complementary color

#B0F284

Monochromatic Colors of #C684F2

#F0E0FB
#E3C2F9
#AA91BA
#9463B5
#634279
#4A315A

Black with #C684F2

Text Example


Text Example

White with #C684F2

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #C684F2; }

 p { color: rgb(198,132,242); }

 H1.HeaderClassName
 {
   color: #C684F2;
 }
 .AnyTagClassName
 {
   color: #C684F2;
 }
</style>

background-color css

<style>
 a { background-color: #C684F2; }

 a { background-color: rgb(198,132,242); }

 div.DivClassName
 {
   background-color: #C684F2;
 }
 .BgClassName
 {
   background-color: #C684F2;
 }
</style>

border-color css

<style>
 span { border-color: #C684F2; }

 span { border-color: rgb(198,132,242); }

 td.TdClassName
 {
   border-color: #C684F2;
 }
 .TagClassName
 {
   border-color: #C684F2;
 }
</style>