#1367A3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dim, unsaturated blue carries a serious weight, making it a natural fit for professional tech, security, or financial branding. Because #1367a3 is quite dark, use it as a solid background or a dominant container for white text to maintain accessibility. It feels restrained and reliable rather than energetic, especially when paired with warm, desaturated grays. The hex code for this cool tone is #1367a3.
Questions about #1367a3
What is #1367a3 in RGB, HSL and CMYK?
In RGB, #1367a3 is rgb(19, 103, 163), in HSL hsl(205, 79%, 36%) and in CMYK 88%, 37%, 0%, 36%.
When should I use #1367a3 in UI design?
Use #1367a3 as a primary background color or a dominant container element when you need to project stability and trust. It pairs exceptionally well with clean, white typography, ensuring your interface remains accessible while maintaining a sophisticated, modern aesthetic.
Which colors pair best with #1367a3?
This dark blue serves as an ideal anchor for neutral palettes, particularly when contrasted against soft light-gray or warm cream tones. For a more vibrant approach, try combining it with muted metallic accents to keep the overall look professional.
Is #1367a3 readable on white or black?
#1367a3 has a 6.00:1 contrast ratio on white and 3.49:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.