What Color is Crystal
Crystal (#A7D8DE) is a cool cyan color associated with the summer season. Its complementary color is #582721.
Additional Information
- Color Family: Cyan
- Temperature: Cool
- Associated Season: Summer
- Complementary Color: #582721
- Brightness: 202/255
- Saturation: 25%
Color Conversions
Hex
#A7D8DE
RGB
167, 216, 222
RGB %
65%, 85%, 87%
HSL
187°, 45%, 76%
HSV
187°, 25%, 87%
CMYK
25%, 3%, 0%, 13%
LAB
83, -14, -8
XYZ
53.68, 62.6, 78.36
CSS Snippets
CSS Hex
color: #A7D8DE;
CSS RGB
color: rgb(167, 216, 222);
Background
background-color: #A7D8DE;
Border
border: 1px solid #A7D8DE;
Box Shadow
box-shadow: 0 4px 6px #A7D8DE40;
Linear Gradient
background: linear-gradient(135deg, #A7D8DE 0%, #ffffff 100%);
Colors That Pair Well With Crystal
Bold Contrast
Pair with Buccaneer for maximum visual impact. Perfect for call-to-action buttons or attention-grabbing designs.
#A7D8DE#582721
Clean & Professional
Combine with white and dark gray for a clean, professional look. Ideal for business websites and corporate branding.
#A7D8DE#FFFFFF#1F2937
Harmonious Depth
Use lighter and darker shades for a sophisticated, cohesive design. Great for backgrounds, text, and subtle accents.
#b9e0e5#86adb2
Color Variations
Tints (add white)
Tones (add grey)
What Goes With Crystal?
Explore color palettes containing Crystal and discover harmonious combinations for your designs.
Analogous
Split-complementary
Monochromatic
Accessibility
Contrast with Black and White
Contrast with Black
UI Examples
This is an example of body text using the selected color scheme.
Contrast Ratio: 0.00
WCAG Score: 0
AA Large Text
AA Normal Text
AAA Large Text
AAA Normal Text
Contrast with White
UI Examples
This is an example of body text using the selected color scheme.
Contrast Ratio: 0.00
WCAG Score: 0
AA Large Text
AA Normal Text
AAA Large Text
AAA Normal Text
Color Blindness Simulation
Normal
Protanopia
Deuteranopia
Tritanopia
🎨 Closest Color Matches
As an Amazon Associate we earn from qualifying purchases.
Similar Colors
View all Cyan colors →Colors with similar hex values and appearance to Crystal
Frequently Asked Questions
What is the hex code for Crystal?
#A7D8DE — see all color formats above.
What colors go with Crystal?
See our recommended pairings with design context, or explore the color harmonies for more options.
Is Crystal accessible for text?
Check the accessibility section for WCAG contrast ratios against black and white backgrounds.
How do I use Crystal in CSS?
Copy ready-to-use code from the CSS snippets section, or click any format in Color Conversions to copy.