Html Css Color HEX #646F9C Waikawa Grey

📋 copy color: '#646F9C'

red 100 ◦ green 111 ◦ blue 156

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

Shades of Waikawa Grey #646F9C

#646F9C
#50597D
#404764
#333950
#292E40
#212533
#1A1E29
#151821
#11131A
#0E0F15
#0B0C11
#090A0E
Black

Tints of Waikawa Grey #646F9C

#646F9C
#838CB0
#9CA3C0
#B0B5CD
#C0C4D7
#CDD0DF
#D7D9E5
#DFE1EA
#E5E7EE
#EAECF1
#EEF0F4
#F1F3F6
White

RGB

 RED value IS 100 (39.45% from 255) = 27.25%

 GREEN value IS 111 (43.75% from 255) = 30.25%

 BLUE value IS 156 (61.33% from 255) = 42.51%

R = 27.25%
G = 30.25%
B = 42.51%

CMYK

 C value IS 0.36

 M value IS 0.29

 Y value IS 0

 K value IS 0.39

RGB Variations

RGB:
#646F9C
RBG:
#649C6F
GRB:
#6F649C
GBR:
#6F9C64
BRG:
#9C649C
BGR:
#9C6F64

Color information

#646F9C (or 0x646F9C) is known color: Waikawa Grey. HEX triplet: 64, 6F and 9C. RGB value is (100,111,156). Sum of RGB (Red+Green+Blue) = 100+111+156=367 (48% of max value = 765). Red value is 100 (39.45% from 255 or 27.25% from 367); Green value is 111 (43.75% from 255 or 30.25% from 367); Blue value is 156 (61.33% from 255 or 42.51% from 367); Max value from RGB is 156 - color contains mainly: blue. Hex color #646F9C is not a web safe color. Web safe color analog (approx): #666699. Inversed color of #646F9C is #9B9063. Grayscale: #707070. Windows color (decimal): -10195044 or 10252132. OLE color: 10252132.

HSL color Cylindrical-coordinate representation of color #646F9C: hue angle of 228.21º degrees, saturation: 0.22, lightness: 0.5%. HSV value (or HSB Brightness) of color is 0.61% and HSV saturation: 0.36%. Process color model (Four color, CMYK) of #646F9C is Cyan = 0.36, Magento = 0.29, Yellow = 0 and Black (K on CMYK) = 0.39.

Color convert

RGB 100 111 156 -
CMYK 0.36 0.29 0 0.39
HSL 228.21º 0.22% 0.5% -
HSV(B) 228.21º 0.36% 0.61% -
XYZ 16.94 16.48 33.74 -
YUV 112.84 152.36 118.84 -
System Red Green Blue C M Y K H S L
Decimal 100 111 156 0.36 0.29 0 0.39 228.21 0.22 0.5
Hex 64 6F 9C 24 1D 0 27 E4 16 32
Octal 144 157 234 44 35 0 47 344 26 62
Binary 1100100 1101111 10011100 100100 11101 0 100111 11100100 10110 110010

Color Harmonies of #646F9C

Triadic Colors

#9C646F
#6F9C64

Analogous colors

#75649C
#648B9C

Split complements colors

#9C7564
#8B9C64

Complementary color

#9C9164

Monochromatic Colors of #646F9C

#D8DBE6
#B2B8CE
#858A9A
#4B5375
#32384E
#252A3A

Black with #646F9C

Text Example


Text Example

White with #646F9C

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #646F9C; }

 p { color: rgb(100,111,156); }

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

background-color css

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

 a { background-color: rgb(100,111,156); }

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

border-color css

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

 span { border-color: rgb(100,111,156); }

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