#16A5A3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Royal Cloak is a cool, unsaturated cyan that projects a refreshing, modern mood. Because of its excellent contrast ratio, black text reads clearly against it, making this shade a practical choice for UI elements or small body copy. The hex code for this cyan is #16a5a3. It works best as an accent color in tech-focused designs, pairing unexpectedly well with warm, sandy beiges for a balanced palette.
About Royal Cloak
Deep pool water at noon, seen from below
What does royal cloak mean?
Teal shades like this one often bring clean water and coastal shade to mind, and many people read them as steady and refreshing. Its mid-range lightness and held-back saturation keep it settled and even, more muted than a bright cyan and less heavy than deep navy.
Where you see royal cloak
- swimming pool tile
- sea glass
- peacock feathers
- medical scrubs
- tropical reef water
- ceramic glaze
What it works for
It works well as a base for interiors, packaging, and interface accents that need a cool, grounded anchor.
What colors go with royal cloak?
Coral #ff7f50The warm pink-orange sits opposite on the wheel and lifts the cool base.Mustard #ffdb58Golden yellow adds heat and keeps the teal from feeling flat.Cream #fffdd0An off-white background lets the mid-tones read clearly without glare.Charcoal #36454fThe darker neutral deepens the palette for menus, footers, and text.
Questions about Royal Cloak
What is the hex code for Royal Cloak?
Royal Cloak is #16a5a3. In RGB that is rgb(22, 165, 163), in HSL hsl(179, 76%, 37%) and in CMYK 87%, 0%, 1%, 35%.
What types of design projects work best with #16a5a3?
The modern, refreshing nature of #16a5a3 makes it a strong candidate for tech-focused user interfaces and landing page accents. Its high contrast ratio ensures that standard text remains legible, providing both visual interest and practical utility for modern web layouts.
Is Royal Cloak readable on white or black?
Royal Cloak has a 3.02:1 contrast ratio on white and 6.94:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.