Calypso

#306284

General Information about #306284

The hex color #306284, also known as Calypso, is a dark, muted shade of blue-green. It belongs to the family of cool colors and exhibits characteristics of both blue and green hues. In the RGB color model, it consists of 19.8% red, 38.4% green, and 52.9% blue. Its calmness and serenity can evoke feelings of tranquility, stability, and reliability. It is often associated with water, sky, and nature. This color is suitable for creating a sense of professionalism and trustworthiness, making it a popular choice in corporate branding, web design, and interior design.

The hex color #306284, also known as Calypso, presents some accessibility considerations for web developers. Its moderate darkness necessitates careful selection of foreground text colors to ensure sufficient contrast. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. White text on a #306284 background generally meets these requirements, while darker shades may not. Tools are available to check color contrast ratios. Developers should avoid using #306284 for critical interface elements if adequate contrast cannot be achieved with associated text or interactive components. Careful consideration is crucial to provide an accessible experience for users with visual impairments, ensuring readability and usability.

Shades

Digital Color Formats

RGB
48 98 132
RGB48 98 132
Red
Green
Blue
HSL
204.29deg 46.67% 35.29%
204.2946.6735.29HSL
Hue
Saturation
Lightness
HWB
204.29deg 18.82% 48.24%
204.2918.8248.24HWB
Hue
Whiteness
Blackness
hex#306284
rgb48 98 132
hsl204.29deg 46.67% 35.29%
cmyk63.64% 25.76% 0% 48.24%
hwb204.29deg 18.82% 48.24%
xyz-d650.1 0.11 0.23
oklch0.4769 0.0772 240.76
oklab0.4769 -0.04 -0.07
CMYK
63.64% 25.76% 0% 48.24%
63.6425.76048.24CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.1 0.11 0.23
0.10.110.23XYZ
X
Y
Z
OKLCH
0.4769 0.0772 240.76
0.47690.0772240.76LCH
Lightness
Chroma
Hue
OKLAB
0.4769 -0.04 -0.07
0.4769-0.04-0.07LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons