San Juan

#2E466D

General Information about San Juan (#2E466D)

The hexadecimal color #2E466D, commonly referred to as San Juan, is a dark, muted shade of blue. In the RGB color model, it is composed of 18.04% red, 27.45% green, and 42.75% blue. This color embodies a sense of stability and depth, often associated with professionalism and trustworthiness. San Juan is frequently used in design to evoke feelings of calmness and reliability, making it a popular choice for corporate branding and user interface elements. Its subtle nature allows it to blend harmoniously with a variety of other colors, providing a versatile option for designers seeking a sophisticated and understated aesthetic.

The color #2E466D, also known as San Juan, presents moderate accessibility challenges. Its relatively low luminance contrast against white backgrounds may make it difficult for users with visual impairments to read text or discern interface elements. To improve accessibility, consider using lighter text colors on this background or pairing it with lighter shades for better contrast. A contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text, as specified by WCAG guidelines. Tools are available to check color contrast ratios and ensure compliance with accessibility standards. Thoughtful use of color combinations is crucial for creating inclusive and user-friendly designs.

Shades

Digital Color Formats

RGB
46 70 109
RGB46 70 109
Red
Green
Blue
HSL
217.14deg 40.65% 30.39%
217.1440.6530.39HSL
Hue
Saturation
Lightness
HWB
217.14deg 18.04% 57.25%
217.1418.0457.25HWB
Hue
Whiteness
Blackness
hex#2E466D
rgb46 70 109
hsl217.14deg 40.65% 30.39%
cmyk57.8% 35.78% 0% 57.25%
hwb217.14deg 18.04% 57.25%
xyz-d650.06 0.06 0.15
oklch0.3938 0.073 259.75
oklab0.3938 -0.01 -0.07
CMYK
57.8% 35.78% 0% 57.25%
57.835.78057.25CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.06 0.06 0.15
0.060.060.15XYZ
X
Y
Z
OKLCH
0.3938 0.073 259.75
0.39380.073259.75LCH
Lightness
Chroma
Hue
OKLAB
0.3938 -0.01 -0.07
0.3938-0.01-0.07LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons