What colors go well with tiffany blue?

Tiffany Blue pairs with its complementary colour #BA0A0F and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Tiffany Blue Color — Hex Code #0ABAB5, RGB, Palettes & CSS

Q: What is the hex code for tiffany blue?

Tiffany Blue is commonly #0ABAB5, which is rgb(10, 186, 181). Like most descriptive colour names it covers a small range, but this is a widely used value.

Tiffany Blue colour codes

Hex

#0ABAB5

RGB

rgb(10, 186, 181)

HSL

hsl(178, 90%, 38%)

HSV

hsv(178, 95%, 73%)

OKLCH

oklch(0.71 0.12 191)

CMYK

cmyk(95%, 0%, 3%, 27%)

Complementary palette

Tiffany Blue with its opposite on the colour wheel.

#0ABAB5

rgb(10, 186, 181)

#BA0A0F

rgb(186, 10, 15)

Triad palette

Tiffany Blue with two evenly-spaced partners.

#0ABAB5

rgb(10, 186, 181)

#B50ABA

rgb(181, 10, 186)

#BAB50A

rgb(186, 181, 10)

Monochromatic palette

Lighter and darker versions of tiffany blue at the same hue.

#0A605E

rgb(10, 96, 94)

#0D8682

rgb(13, 134, 130)

#11ABA6

rgb(17, 171, 166)

#14C7C2

rgb(20, 199, 194)

Lighter tints

Tiffany Blue toward white.

#0ABAB5

rgb(10, 186, 181)

#2DC4C0

rgb(45, 196, 192)

#50CECA

rgb(80, 206, 202)

#73D8D5

rgb(115, 216, 213)

#96E1DF

rgb(150, 225, 223)

#B9EBEA

rgb(185, 235, 234)

#DCF5F4

rgb(220, 245, 244)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Tiffany Blue toward black.

#0ABAB5

rgb(10, 186, 181)

#099F9B

rgb(9, 159, 155)

#078581

rgb(7, 133, 129)

#066A67

rgb(6, 106, 103)

#04504E

rgb(4, 80, 78)

#033534

rgb(3, 53, 52)

#011B1A

rgb(1, 27, 26)

#000000

rgb(0, 0, 0)

About tiffany blue

A bright robin-egg blue-green made iconic by the jeweller Tiffany & Co. Instantly associated with luxury, gifting and elegance. The value shown here (#0ABAB5) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with tiffany blue

The complementary colour (#BA0A0F) sits opposite tiffany blue on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using tiffany blue in your design

For CSS, paste #0ABAB5 or the oklch(0.71 0.12 191) value, or download the ready-made tiffany-blue.css file above — it includes a full 50–950 token scale. Always check contrast before using tiffany blue behind text.

What is the hex code for tiffany blue?

Tiffany Blue is commonly #0ABAB5 (rgb(10, 186, 181)). It covers a small range, but this is a widely used value.

What colours go well with tiffany blue?

Its complementary colour #BA0A0F and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Tiffany Blue colour

Tiffany Blue colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About tiffany blue

Palettes that work with tiffany blue

Using tiffany blue in your design

Popular colours

Color tools