Html Css Color HEX #A686FC Light Slate Blue

📋 copy color: '#A686FC'

red 166 ◦ green 134 ◦ blue 252

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

Shades of Light Slate Blue #A686FC

Tints of Light Slate Blue #A686FC

RGB

 RED value IS 166 (65.23% from 255) = 30.07%

 GREEN value IS 134 (52.73% from 255) = 24.28%

 BLUE value IS 252 (98.83% from 255) = 45.65%

R = 30.07%
G = 24.28%
B = 45.65%

CMYK

 C value IS 0.34

 M value IS 0.47

 Y value IS 0

 K value IS 0.01

RGB Variations

RGB:
RBG:
GRB:
GBR:
BRG:
BGR:

Color information

#A686FC (or 0xA686FC) is known color: Light Slate Blue. HEX triplet: A6, 86 and FC. RGB value is (166,134,252). Sum of RGB (Red+Green+Blue) = 166+134+252=552 (73% of max value = 765). Red value is 166 (65.23% from 255 or 30.07% from 552); Green value is 134 (52.73% from 255 or 24.28% from 552); Blue value is 252 (98.83% from 255 or 45.65% from 552); Max value from RGB is 252 - color contains mainly: blue. Hex color #A686FC is not a web safe color. Web safe color analog (approx): #9999FF. Inversed color of #A686FC is #597903. Grayscale: #9C9C9C. Windows color (decimal): -5863684 or 16549542. OLE color: 16549542.

HSL color Cylindrical-coordinate representation of color #A686FC: hue angle of 256.27º degrees, saturation: 0.95, lightness: 0.76%. HSV value (or HSB Brightness) of color is 0.99% and HSV saturation: 0.47%. Process color model (Four color, CMYK) of #A686FC is Cyan = 0.34, Magento = 0.47, Yellow = 0 and Black (K on CMYK) = 0.01.

Color convert

RGB 166 134 252 -
CMYK 0.34 0.47 0 0.01
HSL 256.27º 0.95% 0.76% -
HSV(B) 256.27º 0.47% 0.99% -
XYZ 41.82 32.19 96.1 -
YUV 157.02 181.6 134.41 -
System Red Green Blue C M Y K H S L
Decimal 166 134 252 0.34 0.47 0 0.01 256.27 0.95 0.76
Hex A6 86 FC 22 2F 0 1 100 5F 4C
Octal 246 206 374 42 57 0 1 400 137 114
Binary 10100110 10000110 11111100 100010 101111 0 1 100000000 1011111 1001100

Color Harmonies of #A686FC

Triadic Colors

Analogous colors

Split complements colors

Complementary color

Monochromatic Colors of #A686FC

Black with #A686FC

Text Example


Text Example

White with #A686FC

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #A686FC; }

 p { color: rgb(166,134,252); }

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

background-color css

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

 a { background-color: rgb(166,134,252); }

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

border-color css

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

 span { border-color: rgb(166,134,252); }

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