Html Css Color HEX #5F648E Waikawa Grey

📋 copy color: '#5F648E'

red 95 ◦ green 100 ◦ blue 142

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

Shades of Waikawa Grey #5F648E

#5F648E
#4C5072
#3D405B
#313349
#27293A
#1F212E
#191A25
#14151E
#101118
#0D0E13
#0A0B0F
#08090C
Black

Tints of Waikawa Grey #5F648E

#5F648E
#7F83A5
#999CB7
#ADB0C5
#BDC0D1
#CACDDA
#D5D7E1
#DDDFE7
#E4E5EC
#E9EAF0
#EDEEF3
#F1F1F5
White

RGB

 RED value IS 95 (37.5% from 255) = 28.19%

 GREEN value IS 100 (39.45% from 255) = 29.67%

 BLUE value IS 142 (55.86% from 255) = 42.14%

R = 28.19%
G = 29.67%
B = 42.14%

CMYK

 C value IS 0.33

 M value IS 0.30

 Y value IS 0

 K value IS 0.44

RGB Variations

RGB:
#5F648E
RBG:
#5F8E64
GRB:
#645F8E
GBR:
#648E5F
BRG:
#8E5F8E
BGR:
#8E645F

Color information

#5F648E (or 0x5F648E) is known color: Waikawa Grey. HEX triplet: 5F, 64 and 8E. RGB value is (95,100,142). Sum of RGB (Red+Green+Blue) = 95+100+142=337 (44% of max value = 765). Red value is 95 (37.5% from 255 or 28.19% from 337); Green value is 100 (39.45% from 255 or 29.67% from 337); Blue value is 142 (55.86% from 255 or 42.14% from 337); Max value from RGB is 142 - color contains mainly: blue. Hex color #5F648E is not a web safe color. Web safe color analog (approx): #666699. Inversed color of #5F648E is #A09B71. Grayscale: #676767. Windows color (decimal): -10525554 or 9331807. OLE color: 9331807.

HSL color Cylindrical-coordinate representation of color #5F648E: hue angle of 233.62º degrees, saturation: 0.2, lightness: 0.46%. HSV value (or HSB Brightness) of color is 0.56% and HSV saturation: 0.33%. Process color model (Four color, CMYK) of #5F648E is Cyan = 0.33, Magento = 0.30, Yellow = 0 and Black (K on CMYK) = 0.44.

Color convert

RGB 95 100 142 -
CMYK 0.33 0.30 0 0.44
HSL 233.62º 0.2% 0.46% -
HSV(B) 233.62º 0.33% 0.56% -
XYZ 14.16 13.5 27.45 -
YUV 103.29 149.84 122.08 -
System Red Green Blue C M Y K H S L
Decimal 95 100 142 0.33 0.30 0 0.44 233.62 0.2 0.46
Hex 5F 64 8E 21 1E 0 2C EA 14 2E
Octal 137 144 216 41 36 0 54 352 24 56
Binary 1011111 1100100 10001110 100001 11110 0 101100 11101010 10100 101110

Color Harmonies of #5F648E

Triadic Colors

#8E5F64
#648E5F

Analogous colors

#725F8E
#5F7C8E

Split complements colors

#8E725F
#7C8E5F

Complementary color

#8E895F

Monochromatic Colors of #5F648E

#D7D8E2
#B0B2C7
#848595
#474B6A
#303247
#242535

Black with #5F648E

Text Example


Text Example

White with #5F648E

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #5F648E; }

 p { color: rgb(95,100,142); }

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

background-color css

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

 a { background-color: rgb(95,100,142); }

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

border-color css

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

 span { border-color: rgb(95,100,142); }

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