Colours

by Brett Miley

HTML

<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
<div class="four"></div>
<div class="five"></div>

5875-c

{
  "hex":"#D2CE9E",
  "websafe":"#cccc99",
  "rgb":{
    "r":210,
    "g":206,
    "b":158
  },
  "hsl":{
    "h":55,
    "s":37,
    "l":72
  },
  "hsb":{
    "h":55,
    "s":25,
    "b":82
  },
  "cmyk":{
    "c":"9",
    "m":"4",
    "y":"31",
    "k":"5"
  }
}
485c
{
  "hex":"#DA291C",
  "websafe":"#cc3333",
  "rgb":{
    "r":218,
    "g":41,
    "b":28
  },
  "hsl":{
    "h":4,
    "s":77,
    "l":48
  },
  "hsb":{
    "h":4,
    "s":87,
    "b":85
  },
  "cmyk":{
    "c":0,
    "m":81,
    "y":87,
    "k":15
  }
}
446-c
{
  "hex":"#3F4444",
  "websafe":"#333333",
  "rgb":{
    "r":63,
    "g":68,
    "b":68
  },
  "hsl":{
    "h":180,
    "s":4,
    "l":26
  },
  "hsb":{
    "h":180,
    "s":7,
    "b":27
  },
  "cmyk":{
    "c":"54",
    "m":"27",
    "y":"36",
    "k":"82"
  }
}
426-c
{
  "hex":"#25282A",
  "websafe":"#333333",
  "rgb":{
    "r":37,
    "g":40,
    "b":42
  },
  "hsl":{
    "h":204,
    "s":6,
    "l":15
  },
  "hsb":{
    "h":204,
    "s":12,
    "b":16
  },
  "cmyk":{
    "c":"94",
    "m":"77",
    "y":"53",
    "k":"94"
  }
}
neutral-black-c
{
  "hex":"#222223",
  "websafe":"#333333",
  "rgb":{
    "r":34,
    "g":34,
    "b":35
  },
  "hsl":{
    "h":240,
    "s":1,
    "l":14
  },
  "hsb":{
    "h":240,
    "s":3,
    "b":14
  },
  "cmyk":{
    "c":"94",
    "m":"77",
    "y":"53",
    "k":"94"
  }
}

CSS

div {
    width:40px;
    height:40px;
    display: block;
}
.one {
    background: #D2CE9E;
}
.two {
    background: #DA291C;
}
.three {
    background: #3F4444;
}
.four {
    background: #25282A;
}
.five {
    background: #222223;
}