What Color Is #4169E1?
When rendered, #4169E1 appears as a medium blue shade. The R:65, G:105, B:225 breakdown shows a blue-dominant profile with medium depth. At 57% lightness, it sits in the upper half of the brightness range.
Color Meaning of #4169E1
Designers choose blue tones when their projects require trust, reliability, and professionalism. #4169E1 inherits these qualities while its medium nature keeps surfaces feeling open and uncluttered, encouraging longer engagement.
Where to Use HEX Code #4169E1
Similar HEX Color Codes
HEX Code #4169E1 in Design Systems
Design token strategy for #4169E1: assign it as color.blue.medium in your token hierarchy. From this base, compute tint/shade ramps programmatically using OKLCH (preferred for perceptual uniformity) or HSL adjustments. Export tokens to CSS, iOS, and Android through Style Dictionary or Tokens Studio.
Contrast data: perceived brightness 107/255 positions this color in the dark range where white text at 100% opacity meets WCAG AA. For non-text elements like icons and borders, a 3:1 contrast ratio against the background is the minimum standard.
FAQ About HEX Color Code #4169E1
What color is #4169E1?
#4169E1 produces a medium blue tone. The RGB breakdown (65, 105, 225) shows how the three light channels combine to create this specific blue hue at 225° on the color wheel.
Is #4169E1 a dark or light color?
#4169E1 registers as a dark color at 107/255 perceived brightness. In practical terms, white (#FFFFFF) or very light text will provide the best readability.
What colors go well with #4169E1?
#4169E1. Split-complementary (±150°) adds variety with less tension. Monochromatic schemes — lighter and darker blue shades — are the safest harmonious option.
Can I use #4169E1 for branding?
#4169E1 can serve as a primary or secondary brand color. Before committing, verify it renders well in both RGB (screens) and CMYK (print), test it against competitor palettes for differentiation, and confirm it meets WCAG contrast requirements in all planned applications.
How do I convert #4169E1 to other color formats?
#4169E1 to RGB(65, 105, 225) by splitting the hex into three pairs and converting each from base-16 to base-10. HSL(225°, 73%, 57%) is derived from the RGB values using the standard algorithm. Visit our HEX to HSL converter for additional formats.