Jacarta

#312E6D

General Information About Jacarta (#312E6D)

The hexadecimal color code #312E6D represents a dark shade of purple-blue. It is composed of 19.2% red, 18.4% green, and 42.7% blue. In the RGB color model, this translates to 49 red, 46 green, and 109 blue. The color is often associated with sophistication, mystery, and creativity. Jacarta (#312E6D) is a versatile color that can be used in various design applications to create a sense of depth and elegance. Its CMYK values are 0.55, 0.58, 0.00, 0.57, and its HSL values are 242 degrees, 41% saturation, and 30% lightness.

The color #312E6D, also known as Jacarta, presents some accessibility challenges, especially when used for text. Its dark hue results in low contrast against typical light backgrounds (like white). According to WCAG guidelines, sufficient contrast is essential for readability and usability, particularly for users with visual impairments. A contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. When using #312E6D for text, it's crucial to pair it with a very light color to meet these contrast requirements. If used for purely decorative elements, contrast is less critical, but for any interactive or informative content, careful consideration is needed to ensure accessibility. Tools like contrast checkers can help evaluate the compliance of color combinations.

Shades

Digital Color Formats

RGB
49 46 109
RGB49 46 109
Red
Green
Blue
HSL
242.86deg 40.65% 30.39%
242.8640.6530.39HSL
Hue
Saturation
Lightness
HWB
242.86deg 18.04% 57.25%
242.8618.0457.25HWB
Hue
Whiteness
Blackness
hex#312E6D
rgb49 46 109
hsl242.86deg 40.65% 30.39%
cmyk55.05% 57.8% 0% 57.25%
hwb242.86deg 18.04% 57.25%
xyz-d650.05 0.04 0.15
oklch0.3419 0.1062 281.34
oklab0.3419 0.02 -0.1
CMYK
55.05% 57.8% 0% 57.25%
55.0557.8057.25CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.05 0.04 0.15
0.050.040.15XYZ
X
Y
Z
OKLCH
0.3419 0.1062 281.34
0.34190.1062281.34LCH
Lightness
Chroma
Hue
OKLAB
0.3419 0.02 -0.1
0.34190.02-0.1LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons