Teal Blue

#034456

General Information about Teal Blue

Teal Blue, represented by the hexadecimal color code #034456, is a dark shade of cyan-green, evoking the depths of the ocean and a sense of tranquility. It is composed of 1.2% red, 26.7% green, and 33.7% blue. In the RGB color space, it is relatively weak in red and moderately strong in green and blue components. In the CMYK color model, which is used in printing, it consists of 97% cyan, 21% magenta, 0% yellow, and 66% black. This means it requires a large amount of cyan to achieve its characteristic hue. The color is often associated with calmness, sophistication, and stability. It blends the tranquil qualities of blue with the growth and renewal aspects of green, making it a versatile choice for various applications. In design, it can add a touch of elegance and depth to visual elements. Its dark tone also makes it suitable for backgrounds, allowing brighter colors to stand out. Overall, Teal Blue is a well-balanced color that offers a unique combination of visual appeal and psychological effects.

The hex color #034456, also known as Teal Blue, presents some accessibility considerations for web developers. With such a dark hue, text legibility becomes a primary concern. When using this color as a background, it's crucial to ensure sufficient contrast with the foreground text. A light color, such as white or a pale yellow, would be suitable choices for text to ensure readability. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Tools like contrast checkers can help determine if the chosen text color meets accessibility standards. It's also important to consider users with visual impairments or color blindness when selecting color combinations. Providing alternative visual cues, such as underlines or icons, can enhance accessibility for a broader audience. Proper use of ARIA attributes can also improve the experience for users of assistive technologies. Therefore, careful planning and testing are essential when incorporating #034456 into web design to ensure an inclusive and accessible user experience.

Shades

Digital Color Formats

RGB
3 68 86
RGB3 68 86
Red
Green
Blue
HSL
193.01deg 93.26% 17.45%
193.0193.2617.45HSL
Hue
Saturation
Lightness
HWB
193.01deg 1.18% 66.27%
193.011.1866.27HWB
Hue
Whiteness
Blackness
hex#034456
rgb3 68 86
hsl193.01deg 93.26% 17.45%
cmyk96.51% 20.93% 0% 66.27%
hwb193.01deg 1.18% 66.27%
xyz-d650.04 0.05 0.1
oklch0.3593 0.0656 223.3
oklab0.3593 -0.05 -0.05
CMYK
96.51% 20.93% 0% 66.27%
96.5120.93066.27CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.04 0.05 0.1
0.040.050.1XYZ
X
Y
Z
OKLCH
0.3593 0.0656 223.3
0.35930.0656223.3LCH
Lightness
Chroma
Hue
OKLAB
0.3593 -0.05 -0.05
0.3593-0.05-0.05LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons