Pikka Logo Pikka
Chrome App
Iconic Robin Egg Robin Cyan Blue Category: Blue

Tiffany Blue (#0ABAB5) — Color Codes, Meaning & UI Palettes

Tiffany Blue (#0ABAB5) is the legendary light medium robin egg blue popularized by the luxury jeweler Tiffany & Co. in 1845 for their Blue Book. It represents timeless elegance, aspirational luxury, celebration, and exquisite craftsmanship.

Quick Answer (Tiffany Blue Color Code): The exact HEX code for Tiffany Blue is #0ABAB5. In RGB, it is rgb(10, 186, 181). In HSL, it is hsl(178deg, 90%, 38%), and its print CMYK formulation is cmyk(95%, 0%, 3%, 27%). It has a relative luminance of 0.385 and pairs best in UI design with Pure White (#FFFFFF) and Deep Charcoal (#1F2937).
Click to Copy HEX
Tiffany Blue
#0ABAB5
HEX
#0ABAB5
RGB
rgb(10, 186, 181)
HSL
hsl(178deg, 90%, 38%)
CMYK (Print)
cmyk(95%, 0%, 3%, 27%)
Apple Display P3
color(display-p3 0.039 0.729 0.710)

WCAG 2.1 Accessibility & Contrast Rating

White Text (#FFFFFF) 2.41:1 (Fail)
Black Text (#000000) 8.7:1 (AAA)

11-Step Tints & Shades Scale (Tailwind 50–950)

Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:

50
#ECFEFD
100
#D8FDFC
200
#B1FBF8
300
#81F8F4
400
#47F5EF
500
#0ABAB5
600
#089792
700
#067874
800
#055856
900
#033B39
950
#022120

Color Harmonies & Palette Schemes

Complementary

#B80A10
Opposite 180° Contrast

Analogous -30°

#0AB85B
Natural Harmony

Analogous +30°

#0A67B8
Natural Harmony

Triadic +120°

#B20AB8
120° Balanced Triad

Triadic +240°

#B8B20A
120° Balanced Triad

Curated UI Design Pairings for Tiffany Blue

Superb hero highlight and branding accent for luxury retail, wedding planners, beauty brands, and premium fintech. Use with crisp white and dark charcoal typography.

Pure White
#FFFFFF
Crisp High-Contrast Text
Deep Charcoal
#1F2937
Authoritative Typography
Soft Cream
#FDFBF7
Warm Editorial Background
Platinum Silver
#E5E7EB
Subtle Card Border

Export Tiffany Blue Code Snippets

CSS Variable --color-tiffany-blue: #0ABAB5;
Tailwind Config 'tiffany-blue': '#0ABAB5'
Swift / SwiftUI Color(hex: "#0ABAB5")
JSON Design Token {"name": "Tiffany Blue", "hex": "#0ABAB5"}

Frequently Asked Questions About Tiffany Blue (#0ABAB5)

What is the exact HEX code for Tiffany Blue?

The exact HEX code for Tiffany Blue is #0ABAB5. In 8-digit hexadecimal (with 100% opacity), it is #0ABAB5FF. Its RGB decimal equivalent is rgb(10, 186, 181) and its HSL value is hsl(178deg, 90%, 38%).

What colors go best with Tiffany Blue in UI and web design?

Tiffany Blue pairs exceptionally well with Pure White (#FFFFFF), Deep Charcoal (#1F2937), Soft Cream (#FDFBF7), and Platinum Silver (#E5E7EB).

How do I use Tiffany Blue in CSS and Tailwind CSS?

In standard CSS, apply it directly via color: #0ABAB5; or background-color: #0ABAB5;. In Tailwind CSS, use arbitrary value syntax like bg-[#0abab5] or text-[#0abab5], or define it in your Tailwind v4 @theme block as --color-tiffany-blue: #0ABAB5;.

Is Tiffany Blue WCAG accessible for readable text?

Against a pure white background (#FFFFFF), Tiffany Blue achieves a contrast ratio of 2.41:1 (Fail). Against a pure black background (#000000), it achieves 8.7:1 (AAA). Check custom contrast pairings on Pikka's WCAG Contrast Checker.

Explore More Colors in the Dictionary

Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.

Named Color Dictionary Interactive Color Wheel Tint & Shade Generator