Html Css Color HEX #54628E Waikawa Grey

📋 copy color: '#54628E'

red 84 ◦ green 98 ◦ blue 142

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

Shades of Waikawa Grey #54628E

#54628E
#434E72
#363E5B
#2B3249
#22283A
#1B202E
#161A25
#12151E
#0E1118
#0B0E13
#090B0F
#07090C
Black

Tints of Waikawa Grey #54628E

#54628E
#7681A5
#919AB7
#A7AEC5
#B9BED1
#C7CBDA
#D2D5E1
#DBDDE7
#E2E4EC
#E8E9F0
#EDEDF3
#F1F1F5
White

RGB

 RED value IS 84 (33.2% from 255) = 25.93%

 GREEN value IS 98 (38.67% from 255) = 30.25%

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

R = 25.93%
G = 30.25%
B = 43.83%

CMYK

 C value IS 0.41

 M value IS 0.31

 Y value IS 0

 K value IS 0.44

RGB Variations

RGB:
#54628E
RBG:
#548E62
GRB:
#62548E
GBR:
#628E54
BRG:
#8E548E
BGR:
#8E6254

Color information

#54628E (or 0x54628E) is known color: Waikawa Grey. HEX triplet: 54, 62 and 8E. RGB value is (84,98,142). Sum of RGB (Red+Green+Blue) = 84+98+142=324 (42% of max value = 765). Red value is 84 (33.20% from 255 or 25.93% from 324); Green value is 98 (38.67% from 255 or 30.25% from 324); Blue value is 142 (55.86% from 255 or 43.83% from 324); Max value from RGB is 142 - color contains mainly: blue. Hex color #54628E is not a web safe color. Web safe color analog (approx): #666699. Inversed color of #54628E is #AB9D71. Grayscale: #626262. Windows color (decimal): -11246962 or 9331284. OLE color: 9331284.

HSL color Cylindrical-coordinate representation of color #54628E: hue angle of 225.52º degrees, saturation: 0.26, lightness: 0.44%. HSV value (or HSB Brightness) of color is 0.56% and HSV saturation: 0.41%. Process color model (Four color, CMYK) of #54628E is Cyan = 0.41, Magento = 0.31, Yellow = 0 and Black (K on CMYK) = 0.44.

Color convert

RGB 84 98 142 -
CMYK 0.41 0.31 0 0.44
HSL 225.52º 0.26% 0.44% -
HSV(B) 225.52º 0.41% 0.56% -
XYZ 12.91 12.57 27.34 -
YUV 98.83 152.36 117.42 -
System Red Green Blue C M Y K H S L
Decimal 84 98 142 0.41 0.31 0 0.44 225.52 0.26 0.44
Hex 54 62 8E 29 1F 0 2C E2 1A 2C
Octal 124 142 216 51 37 0 54 342 32 54
Binary 1010100 1100010 10001110 101001 11111 0 101100 11100010 11010 101100

Color Harmonies of #54628E

Triadic Colors

#8E5462
#628E54

Analogous colors

#63548E
#547F8E

Split complements colors

#8E6354
#7F8E54

Complementary color

#8E8054

Monochromatic Colors of #54628E

#D4D8E2
#AAB1C7
#7F8495
#3F496A
#2A3147
#1F2435

Black with #54628E

Text Example


Text Example

White with #54628E

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #54628E; }

 p { color: rgb(84,98,142); }

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

background-color css

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

 a { background-color: rgb(84,98,142); }

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

border-color css

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

 span { border-color: rgb(84,98,142); }

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