Cyan Spectrum
About This Color Palette
Here’s a vibrant color palette based on your request for cyan shades. This palette features a variety of cyan colors that can be used in design projects.
json
{
"palette_name": "Cyan Spectrum",
"colors": [
{"name": "Light Cyan", "hex_code": "
#E0FFFF
"},
{"name": "Pale Cyan", "hex_code": "
#B2FFFF
"},
{"name": "Cyan", "hex_code": "
#00FFFF
"},
{"name": "Dark Cyan", "hex_code": "
#008B8B
"},
{"name": "Deep Sky Blue", "hex_code": "
#00BFFF
"},
{"name": "Turquoise", "hex_code": "
#40E0D0
"},
{"name": "Cyan Blue", "hex_code": "
#00B2E2
"},
{"name": "Electric Cyan", "hex_code": "
#00FFFF
"},
{"name": "Medium Cyan", "hex_code": "
#00CED1
"},
{"name": "Steel Blue", "hex_code": "
#4682B4
"},
{"name": "Light Sea Green", "hex_code": "
#20B2AA
"},
{"name": "Dark Turquoise", "hex_code": "
#00CED1
"},
{"name": "Cyan Process", "hex_code": "
#00B2E2
"},
{"name": "Aquamarine", "hex_code": "
#7FFFD4
"},
{"name": "Sky Blue", "hex_code": "
#87CEEB
"},
{"name": "Light Blue", "hex_code": "
#ADD8E6
"},
{"name": "Mint Cream", "hex_code": "
#F5FFFA
"},
{"name": "Medium Turquoise", "hex_code": "
#48D1CC
"},
{"name": "Cadet Blue", "hex_code": "
#5F9EA0
"},
{"name": "Powder Blue", "hex_code": "
#B0E0E6
"},
{"name": "Teal", "hex_code": "
#008080
"},
{"name": "Caribbean Blue", "hex_code": "
#00BFFF
"},
{"name": "Vivid Sky Blue", "hex_code": "
#00CFFF
"},
{"name": "Turquoise Blue", "hex_code": "
#00BFFF
"},
{"name": "Cyan Azure", "hex_code": "
#00BFFF
"},
{"name": "Sky Cyan", "hex_code": "
#00BFFF
"},
{"name": "Frosted Cyan", "hex_code": "
#A0D7E8
"},
{"name": "Bright Cyan", "hex_code": "
#00FFFF
"},
{"name": "Glacial Blue", "hex_code": "
#A1D3E0
"},
{"name": "Cyan Light", "hex_code": "
#B0FFFF
"},
{"name": "Cyan Mist", "hex_code": "
#A0D6D9
"},
{"name": "Cyan Wave", "hex_code": "
#7ED3E3
"},
{"name": "Cyan Glow", "hex_code": "
#A0D3D5
"},
{"name": "Cyan Breeze", "hex_code": "
#A0E6E1
"},
{"name": "Cyan Light", "hex_code": "
#A0D9D9
"},
{"name": "Cyan Ice", "hex_code": "
#A0D8D7
"},
{"name": "Cyan Sea", "hex_code": "
#00B8B1
"},
{"name": "Cyan Dream", "hex_code": "
#00B3B3
"},
{"name": "Shade of Cyan", "hex_code": "
#009C9C
"},
{"name": "Vibrant Cyan", "hex_code": "
#00CFFF
"},
{"name": "Cyan Wave", "hex_code": "
#00B5B5
"},
{"name": "Soft Cyan", "hex_code": "
#A2D8DB
"},
{"name": "Bright Aqua", "hex_code": "
#00FFFF
"},
{"name": "Navy Cyan", "hex_code": "
#003B5C
"},
{"name": "Cyan Dream", "hex_code": "
#00C1C1
"},
{"name": "Cyan Whisper", "hex_code": "
#A0D6D6
"},
{"name": "Cyan Glow", "hex_code": "
#00B2B2
"},
{"name": "Cyan Luster", "hex_code": "
#A1D3D3
"},
{"name": "Cyan Charm", "hex_code": "
#B0D9D9
"},
{"name": "Cyan Reflection", "hex_code": "
#A0E0E0
"},
{"name": "Cyan Haze", "hex_code": "
#A0C3C3
"},
{"name": "Cyan Splendor", "hex_code": "
#00B2B2
"},
{"name": "Cyan Bliss", "hex_code": "
#00B5B2
"},
{"name": "Cyan Shimmer", "hex_code": "
#00B3B3
"},
{"name": "Cyan Delight", "hex_code": "
#00B5B5
"},
{"name": "Cyan Jewel", "hex_code": "
#00C8C8
"},
{"name": "Cyan Shine", "hex_code": "
#00CCDD
"},
{"name": "Cyan Reflection", "hex_code": "
#A1D9DA
"},
{"name": "Cyan Radiance", "hex_code": "
#A0D6E0
"},
{"name": "Cyan Light", "hex_code": "
#A0D8D8
"},
{"name": "Cyan Aura", "hex_code": "
#A1D5D5
"},
{"name": "Cyan Essence", "hex_code": "
#00B2B2
"},
{"name": "Cyan Breeze", "hex_code": "
#00B5B5
"},
{"name": "Cyan Halo", "hex_code": "
#A0D5D5
"},
{"name": "Cyan Ocean", "hex_code": "
#00B5B5
"},
{"name": "Cyan Reflection", "hex_code": "
#A0D6D6
"}
]
}
This palette contains a wide range of cyan hues that can be used for various design applications, from web design to graphic art.
Would you like to explore any specific shades further or need help with something else?
Customize Preview Colors
Upgrade to ProOverview
Welcome back, here's what's happening today.
Revenue Growth
Build something amazing
Create stunning designs with our AI-powered color palette generator. Perfect for web, mobile, and print.
Fast Performance
Optimized for speed and efficiency.
Secure by Default
Enterprise-grade security built-in.
Easy to Use
Intuitive interface for everyone.
Good Morning
Here's your daily update
Today
Logo Variations
Business Card
John Doe
Creative Director
john.doe@brandname.com
+1 (555) 123-4567
www.brandname.com
Type Scale
Heading 1
Bold / 48pxHeading 2
Bold / 36pxHeading 3
Bold / 30pxHeading 4
Bold / 24pxBody text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Regular / 16pxArticle Layout
The Future of Color
Color trends are evolving rapidly. We are seeing a shift towards more vibrant, expressive palettes that capture attention and evoke emotion.
"Color is a power which directly influences the soul."
Why it matters
Choosing the right color palette is crucial for brand identity. It communicates values without words and creates an instant connection with the audience.
Abstract
Composition #01
Download Files
Copy Code
Simulate how your palette appears to users with different types of color vision deficiencies. Approximately 8% of men and 0.5% of women have some form of color blindness.
Original Palette
Protanopia
Red-blind (approx. 1% of men)
Deuteranopia
Green-blind (approx. 1% of men)
Tritanopia
Blue-blind (very rare)
Achromatopsia
Total color blindness (monochromacy)
Shades & Tints
Explore lighter variations (tints) and darker variations (shades) of each color. Click any color to copy its hex code.
Light Cyan
#E0FFFF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Pale Cyan
#B2FFFF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan
#00FFFF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dark Cyan
#008B8B
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Deep Sky Blue
#00BFFF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Turquoise
#40E0D0
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Blue
#00B2E2
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Electric Cyan
#00FFFF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Medium Cyan
#00CED1
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Steel Blue
#4682B4
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Light Sea Green
#20B2AA
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dark Turquoise
#00CED1
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Process
#00B2E2
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Aquamarine
#7FFFD4
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Sky Blue
#87CEEB
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Light Blue
#ADD8E6
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Mint Cream
#F5FFFA
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Medium Turquoise
#48D1CC
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cadet Blue
#5F9EA0
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Powder Blue
#B0E0E6
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Teal
#008080
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Caribbean Blue
#00BFFF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Vivid Sky Blue
#00CFFF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Turquoise Blue
#00BFFF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Azure
#00BFFF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Sky Cyan
#00BFFF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Frosted Cyan
#A0D7E8
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Bright Cyan
#00FFFF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Glacial Blue
#A1D3E0
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Light
#B0FFFF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Mist
#A0D6D9
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Wave
#7ED3E3
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Glow
#A0D3D5
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Breeze
#A0E6E1
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Light
#A0D9D9
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Ice
#A0D8D7
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Sea
#00B8B1
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Dream
#00B3B3
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Shade of Cyan
#009C9C
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Vibrant Cyan
#00CFFF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Wave
#00B5B5
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Soft Cyan
#A2D8DB
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Bright Aqua
#00FFFF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Navy Cyan
#003B5C
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Dream
#00C1C1
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Whisper
#A0D6D6
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Glow
#00B2B2
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Luster
#A1D3D3
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Charm
#B0D9D9
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Reflection
#A0E0E0
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Haze
#A0C3C3
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Splendor
#00B2B2
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Bliss
#00B5B2
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Shimmer
#00B3B3
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Delight
#00B5B5
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Jewel
#00C8C8
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Shine
#00CCDD
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Reflection
#A1D9DA
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Radiance
#A0D6E0
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Light
#A0D8D8
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Aura
#A1D5D5
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Essence
#00B2B2
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Breeze
#00B5B5
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Halo
#A0D5D5
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Ocean
#00B5B5
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan Reflection
#A0D6D6
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Color Theory Analysis
Unlock advanced color wheel distribution, harmony detection, and HSL color analysis with Pro.
Upgrade to ProColor Wheel Distribution
Harmony Analysis
Dominant Temperature
--
Harmony Type
--
Analyzing color relationships...
Color Values (HSL)
Background Color
Colors
Text Color
Colors
Preview & Analysis
Aa
The quick brown fox jumps over the lazy dog.
Normal Text
Large Text
AI Contrast Fix Suggestions
Suggests background & text tweaks to reach WCAG targets.
Log in to unlock 3 free AI tries
Ready to suggest tweaks for AA/AAA.
Suggested pairs
Shortest hop that clears WCAG AA/AAA.
Understanding Contrast Ratios
4.5:1 (Level AA)
The minimum required contrast ratio for normal text to be considered accessible under WCAG 2.1 Level AA. For large text, the requirement is lower at 3.0:1. This is the standard target for most web content.
7.0:1 (Level AAA)
The "gold standard" for accessibility. Achieving a 7.0:1 ratio ensures that your text is readable even for people with significant vision loss. For large text, the AAA requirement is 4.5:1.
What counts as Large Text?
WCAG defines large text as anything 18pt (approx. 24px) or larger, or 14pt (approx. 18.66px) and bold or larger. Most headings fall into this category.
Why it matters
Proper contrast is essential for everyone, but especially for people with color blindness, low vision, or those viewing screens in bright sunlight.