Elephant

#123C45

General Information about #123C45

The hexadecimal color code #123C45 represents a dark, muted shade of blue-gray, often referred to as 'Elephant' due to its resemblance to the color of elephants. It is composed of 7.1% red, 23.5% green, and 27.1% blue. In the RGB color space, it is defined as rgb(18, 60, 69). The CMYK representation is c:0.74, m:0.13, y:0.0, k:0.73. This color falls within the cool color spectrum and evokes feelings of calmness, stability, and sophistication. It's commonly used in design to create a sense of trust and professionalism. The color's low saturation and brightness contribute to its understated appearance. In terms of color theory, #123C45 belongs to the family of desaturated blues and can be effectively combined with complementary colors like yellows or oranges to create visually appealing contrasts. Its versatility makes it suitable for various applications across different fields.

The color #123C45, often referred to as 'Elephant' due to its muted, grayish-blue tone, presents specific accessibility considerations for web developers. Its relatively low luminance requires careful attention to contrast ratios, especially when used for text or interactive elements. According to WCAG guidelines, sufficient contrast between foreground and background colors is crucial for users with visual impairments. For normal text (size 14 points or 18 points bold/larger), a contrast ratio of at least 4.5:1 is recommended. For large text (size 18 points or 14 points bold/larger), a contrast ratio of at least 3:1 is needed. When using #123C45 as a background, developers should ensure that any text placed on top meets these contrast requirements. Tools like WebAIM's Contrast Checker can be invaluable in assessing compliance. Additionally, developers should avoid relying solely on color to convey information, as this excludes users who are colorblind. Providing alternative cues, such as text labels or icons, can enhance usability for all users. Considering the color's subtlety, it's essential to test designs with a diverse range of users to identify and address any potential accessibility issues.

Shades

Digital Color Formats

RGB
18 60 69
RGB18 60 69
Red
Green
Blue
HSL
190.59deg 58.62% 17.06%
190.5958.6217.06HSL
Hue
Saturation
Lightness
HWB
190.59deg 7.06% 72.94%
190.597.0672.94HWB
Hue
Whiteness
Blackness
hex#123C45
rgb18 60 69
hsl190.59deg 58.62% 17.06%
cmyk73.91% 13.04% 0% 72.94%
hwb190.59deg 7.06% 72.94%
xyz-d650.03 0.04 0.06
oklch0.3316 0.048 214.57
oklab0.3316 -0.04 -0.03
CMYK
73.91% 13.04% 0% 72.94%
73.9113.04072.94CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.03 0.04 0.06
0.030.040.06XYZ
X
Y
Z
OKLCH
0.3316 0.048 214.57
0.33160.048214.57LCH
Lightness
Chroma
Hue
OKLAB
0.3316 -0.04 -0.03
0.3316-0.04-0.03LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons