4554A2 (Sapphire)

7256B3
CE8696
8DDC2A
Name Hex (RGB) HTML/CSS (RGB) RGB RGB (%) CMYK HSV
Sapphire 4554A2 #4554A2 69, 84, 162 27.06, 32.94, 63.53 57.41, 48.15, 0, 36.47 230.32258064516, 57.407407407407, 63.529411764706

Color #4554a2 is Sapphire. In RGB: 27.06, 32.94, 63.53. In CMYK: 57.41, 48.15, 0, 36.47.

Combinations

{{ index }}

CSS

Background
div { background: #4554a2; color: #000; }
Lorem ipsum dolor sit amet.
div { background: #4554a2; color: #fff; }
Lorem ipsum dolor sit amet.
Background (gradient)
div { background: linear-gradient(to bottom, #273D87 0%, #616CBD 100%); color: #000; }
Consectetur adipiscing elit, sed do.
div { background: linear-gradient(to bottom, #616CBD 0%, #273D87 100%); color: #000; }
Consectetur adipiscing elit, sed do.
div { background: linear-gradient(to bottom, #273D87 0%, #616CBD 100%); color: #fff; }
Consectetur adipiscing elit, sed do.
div { background: linear-gradient(to bottom, #616CBD 0%, #273D87 100%); color: #fff; }
Consectetur adipiscing elit, sed do.
Border
div { border: 1px solid #4554a2; }
Sed do eiusmod tempor.
div { border: 5px solid #4554a2; }
Sed do eiusmod tempor.
div { border: 1px dashed #4554a2; }
Sed do eiusmod tempor.
div { border: 5px dashed #4554a2; }
Sed do eiusmod tempor.
div { border: 1px dotted #4554a2; }
Sed do eiusmod tempor.
div { border: 5px dotted #4554a2; }
Sed do eiusmod tempor.