Html Css Color HEX #682ACC Purple Heart

📋 copy color: '#682ACC'

red 104 ◦ green 42 ◦ blue 204

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

Shades of Purple Heart #682ACC

#682ACC
#5322A3
#421B82
#351668
#2A1253
#220E42
#1B0B35
#16092A
#120722
#0E061B
#0B0516
#090412
Black

Tints of Purple Heart #682ACC

#682ACC
#8655D6
#9E77DE
#B192E5
#C1A8EA
#CDB9EE
#D7C7F1
#DFD2F4
#E5DBF6
#EAE2F8
#EEE8F9
#F1EDFA
White

RGB

 RED value IS 104 (41.02% from 255) = 29.71%

 GREEN value IS 42 (16.8% from 255) = 12%

 BLUE value IS 204 (80.08% from 255) = 58.29%

R = 29.71%
G = 12%
B = 58.29%

CMYK

 C value IS 0.49

 M value IS 0.79

 Y value IS 0

 K value IS 0.2

RGB Variations

RGB:
#682ACC
RBG:
#68CC2A
GRB:
#2A68CC
GBR:
#2ACC68
BRG:
#CC68CC
BGR:
#CC2A68

Color information

#682ACC (or 0x682ACC) is known color: Purple Heart. HEX triplet: 68, 2A and CC. RGB value is (104,42,204). Sum of RGB (Red+Green+Blue) = 104+42+204=350 (46% of max value = 765). Red value is 104 (41.02% from 255 or 29.71% from 350); Green value is 42 (16.80% from 255 or 12% from 350); Blue value is 204 (80.08% from 255 or 58.29% from 350); Max value from RGB is 204 - color contains mainly: blue. Hex color #682ACC is not a web safe color. Web safe color analog (approx): #6633CC. Inversed color of #682ACC is #97D533. Grayscale: #4E4E4E. Windows color (decimal): -9950516 or 13380200. OLE color: 13380200.

HSL color Cylindrical-coordinate representation of color #682ACC: hue angle of 262.96º degrees, saturation: 0.66, lightness: 0.48%. HSV value (or HSB Brightness) of color is 0.8% and HSV saturation: 0.79%. Process color model (Four color, CMYK) of #682ACC is Cyan = 0.49, Magento = 0.79, Yellow = 0 and Black (K on CMYK) = 0.2.

Color convert

RGB 104 42 204 -
CMYK 0.49 0.79 0 0.2
HSL 262.96º 0.66% 0.48% -
HSV(B) 262.96º 0.79% 0.8% -
XYZ 17.44 8.96 57.94 -
YUV 79.01 198.54 145.83 -
System Red Green Blue C M Y K H S L
Decimal 104 42 204 0.49 0.79 0 0.2 262.96 0.66 0.48
Hex 68 2A CC 31 4F 0 14 107 42 30
Octal 150 52 314 61 117 0 24 407 102 60
Binary 1101000 101010 11001100 110001 1001111 0 10100 100000111 1000010 110000

Color Harmonies of #682ACC

Triadic Colors

#CC682A
#2ACC68

Analogous colors

#B92ACC
#2A3DCC

Split complements colors

#CCB92A
#3DCC2A

Complementary color

#8ECC2A

Monochromatic Colors of #682ACC

#D9CAF2
#B495E6
#876FAC
#4E1F99
#341566
#270F4C

Black with #682ACC

Text Example


Text Example

White with #682ACC

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #682ACC; }

 p { color: rgb(104,42,204); }

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

background-color css

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

 a { background-color: rgb(104,42,204); }

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

border-color css

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

 span { border-color: rgb(104,42,204); }

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