#4488CC (Havelock Blue)

4488CC Hex Color
NameHavelock Blue
Hex (RGB)4488CC
HTML/CSS (RGB)#4488CC
RGB68, 136, 204
RGB (%) 26.67, 53.33, 80
CMYK 66.67, 33.33, 0, 20
HSV210, 66.666666666667, 80

The color #4488cc is Havelock Blue, this hex value can be used to represent this color. In RGB, this color can be represented as 26.67, 53.33, 80. In CMYK, this color can be represented as 66.67, 33.33, 0, 20.

Combinations

{{ index }}

CSS

Background
div { background: #4488cc; color: #000; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
div { background: #4488cc; color: #fff; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
Background (gradient)
div { background: linear-gradient(to bottom, #1D6FB0 0%, #63A2E8 100%); color: #000; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
div { background: linear-gradient(to bottom, #63A2E8 0%, #1D6FB0 100%); color: #000; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
div { background: linear-gradient(to bottom, #1D6FB0 0%, #63A2E8 100%); color: #fff; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
div { background: linear-gradient(to bottom, #63A2E8 0%, #1D6FB0 100%); color: #fff; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
Border
div { border: 1px solid #4488cc; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
div { border: 5px solid #4488cc; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
div { border: 1px dashed #4488cc; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
div { border: 5px dashed #4488cc; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
div { border: 1px dotted #4488cc; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
div { border: 5px dotted #4488cc; }
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.