Spectra

#226058

General Information

The hexadecimal color code #226058 represents a dark shade of teal. It is composed of 13.3% red, 37.6% green, and 34.5% blue. In the RGB color model, this corresponds to values of R:34, G:96, B:88. This color falls within the range of green-cyan hues and is often described as a deep, muted teal or a dark turquoise. It is a versatile color that can evoke feelings of calmness, sophistication, and nature. The color's relative darkness makes it suitable for use as a background color, especially when paired with lighter text for contrast. Its hex triplet is #226058 and the color is named Spectra by the prompt.

The color #226058, a deep teal, presents some accessibility challenges, particularly concerning color contrast. When used as a background, it requires light text colors to ensure readability. A contrast ratio of at least 4.5:1 is recommended for normal-sized text, and 3:1 for large text, as per WCAG guidelines. Testing contrast with online tools is crucial. Avoid pairing it with similar dark shades. Consider users with visual impairments who may struggle to differentiate between subtle color variations. When used for interactive elements, ensure sufficient visual cues beyond color alone, such as underlines or icons, to convey state changes. Proper implementation of ARIA attributes can further improve accessibility for assistive technologies.

Shades

Digital Color Formats

RGB
34 96 88
RGB34 96 88
Red
Green
Blue
HSL
172.26deg 47.69% 25.49%
172.2647.6925.49HSL
Hue
Saturation
Lightness
HWB
172.26deg 13.33% 62.35%
172.2613.3362.35HWB
Hue
Whiteness
Blackness
hex#226058
rgb34 96 88
hsl172.26deg 47.69% 25.49%
cmyk64.58% 0% 8.33% 62.35%
hwb172.26deg 13.33% 62.35%
xyz-d650.07 0.09 0.11
oklch0.4468 0.0644 183.53
oklab0.4468 -0.06 0
CMYK
64.58% 0% 8.33% 62.35%
64.5808.3362.35CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.07 0.09 0.11
0.070.090.11XYZ
X
Y
Z
OKLCH
0.4468 0.0644 183.53
0.44680.0644183.53LCH
Lightness
Chroma
Hue
OKLAB
0.4468 -0.06 0
0.4468-0.060LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons