Html Css Color HEX #673414 Baker's Chocolate

📋 copy color: '#673414'

red 103 ◦ green 52 ◦ blue 20

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

Shades of Baker's Chocolate #673414

Tints of Baker's Chocolate #673414

RGB

 RED value IS 103 (40.63% from 255) = 58.86%

 GREEN value IS 52 (20.7% from 255) = 29.71%

 BLUE value IS 20 (8.2% from 255) = 11.43%

R = 58.86%
G = 29.71%
B = 11.43%

CMYK

 C value IS 0

 M value IS 0.50

 Y value IS 0.81

 K value IS 0.60

RGB Variations

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

Color information

#673414 (or 0x673414) is known color: Baker's Chocolate. HEX triplet: 67, 34 and 14. RGB value is (103,52,20). Sum of RGB (Red+Green+Blue) = 103+52+20=175 (23% of max value = 765). Red value is 103 (40.62% from 255 or 58.86% from 175); Green value is 52 (20.70% from 255 or 29.71% from 175); Blue value is 20 (8.20% from 255 or 11.43% from 175); Max value from RGB is 103 - color contains mainly: red. Hex color #673414 is not a web safe color. Web safe color analog (approx): #663300. Inversed color of #673414 is #98CBEB. Grayscale: #3F3F3F. Windows color (decimal): -10013676 or 1324135. OLE color: 1324135.

HSL color Cylindrical-coordinate representation of color #673414: hue angle of 23.13º degrees, saturation: 0.67, lightness: 0.24%. HSV value (or HSB Brightness) of color is 0.4% and HSV saturation: 0.81%. Process color model (Four color, CMYK) of #673414 is Cyan = 0, Magento = 0.50, Yellow = 0.81 and Black (K on CMYK) = 0.60.

Color convert

RGB 103 52 20 -
CMYK 0 0.50 0.81 0.60
HSL 23.13º 0.67% 0.24% -
HSV(B) 23.13º 0.81% 0.4% -
XYZ 6.95 5.39 1.34 -
YUV 63.6 103.4 156.1 -
System Red Green Blue C M Y K H S L
Decimal 103 52 20 0 0.50 0.81 0.60 23.13 0.67 0.24
Hex 67 34 14 0 32 51 3C 17 43 18
Octal 147 64 24 0 62 121 74 27 103 30
Binary 1100111 110100 10100 0 110010 1010001 111100 10111 1000011 11000

Color Harmonies of #673414

Triadic Colors

Analogous colors

Split complements colors

Complementary color

Monochromatic Colors of #673414

Black with #673414

Text Example


Text Example

White with #673414

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #673414; }

 p { color: rgb(103,52,20); }

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

background-color css

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

 a { background-color: rgb(103,52,20); }

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

border-color css

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

 span { border-color: rgb(103,52,20); }

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