Blue Triumph
#4376ab
Blue Triumph, represented by the hex value #4376ab, pairs naturally with the complementary and analogous shades shown further down this page.
Color values
| HEX | #4376ab | |
|---|---|---|
| RGB | rgb(67, 118, 171) | |
| HSL | hsl(211, 44%, 47%) | |
| CMYK | cmyk(61%, 31%, 0%, 33%) | |
| LAB | lab(48, -5, -34) | |
| OKLCH | oklch(0.55 0.1 251) |
Color harmonies
Tints & shades
Code snippets
color: #4376ab;
background-color: #4376ab;
/* Tailwind CSS (closest default swatch, not an exact match) */
bg-slate-500 /* ≈ #62748e */
/* Flutter */
Color(0xFF4376AB)
/* Swift / UIKit */
UIColor(red: 0.26, green: 0.46, blue: 0.67, alpha: 1.0)