#40E0D0
Turquoise
Turquoise is a standard CSS color name and resolves to #40E0D0. Every value below is click-to-copy.
01 / CODES
Color codes
Click any row to copy it to your clipboard.
02 / SCALE
Color scale (50 → 900)
Drop-in tints and shades for a design system. 500 is your picked color.
03 / HARMONY
Harmony palettes
Palettes generated from your color. Click a swatch to make it the active color.
Complementary
Analogous
Triadic
04 / CONTRAST
Contrast checker (WCAG)
Checks your color as text and as background. Body text should reach 4.5:1 or better.
The quick brown fox
1.64:1On white
Body text (AA 4.5:1) · FailLarge text (AA 3:1) · FailEnhanced (AAA 7:1) · Fail
The quick brown fox
12.79:1On black
Body text (AA 4.5:1) · PassLarge text (AA 3:1) · PassEnhanced (AAA 7:1) · Pass
05 / SIMILAR