ع

Teal Blue

أزرق تيلي

Color codes

HEX
RGB
HSL
HSV
CMYK (approximate)
CIELAB
CSS
Relative luminance0.1528
Cyan & Teal Cool ColorsInterior Design Colors Cool

Shades of Teal Blue

All shades

Lighter

Darker

Tints mixed with white

Tones mixed with gray

Color harmonies

Complementary

Opposite on the wheel (180°): maximum contrast for accents.

Export
Analogous

Neighbors 30° apart: calm and natural.

Export
Triadic

Three hues 120° apart: vibrant yet balanced.

Export
Split-complementary

The base plus the two neighbors of its complement: contrast with less tension.

Export
Tetradic

Four hues 90° apart: rich, best with one dominant color.

Export
Monochromatic

One hue in several lightness levels: elegant and consistent.

Export

Contrast and readability

White text5.18:1
✓ AA✗ AAA✓ AA Large
Black text4.06:1
✗ AA✗ AAA✓ AA Large
On white5.18:1
✓ AA✗ AAA✓ AA Large
On black3.65:1
✗ AA✗ AAA✓ AA Large

Text colors that pass AA

Check in the contrast checker

In a design

Plan your next project

A short paragraph shows how body text sits next to the color.

Get started Learn more
New

Cards and badges use a soft tint of the color. Read more

Plan your next project

A short paragraph shows how body text sits next to the color.

Get started
New

Cards and badges use a soft tint of the color.

Teal Blue

Full-color background with readable text.

Get started

About Teal Blue

Teal Blue (#367588) is a dark, moderately saturated color from the Cyan & Teal family with a cool character. It is made of 54 red, 117 green and 136 blue (hsl(194, 43%, 37%)). Its contrast ratio is 5.18:1 against white and 4.06:1 against black, so white text reads best on it.

Suggested uses

  • supporting interface colors and illustrations
  • textiles, furniture and accent walls
  • calm, trustworthy or technical themes

Reading the codes

In HEX, #367588 stores red, green and blue as pairs of base-16 digits: 54, 117 and 136 out of 255. In HSL the same color has a hue of 194°, 43% saturation and 37% lightness, which makes lighter or darker variants easy to create by changing only the lightness.

Similar colors

#007BA7Cerulean#006994Sea Blue#005F6APetrol Blue#008080Teal#5D8AA8Air Force Blue#4682B4Steel Blue#00827FTeal Green#708090Slate Gray#008B8BDark Cyan#71797ESteel Gray

Palettes with this color

Mediterranean Villa#F7F1E5 #E3C9A1 #C86B3C #3E7C8A #20434DCoastal Living#FFFFFF #E8F1F2 #A7C7CB #4F7D87 #D9C4A5Retro Diner#E63946 #F1FAEE #A8DADC #457B9D #1D3557Fresh Startup#06D6A0 #118AB2 #073B4C #FFD166 #EF476F

Tools for this color

Shades GeneratorGenerate tints, tones, lighter and darker shades and saturation variations.Contrast CheckerAccurate WCAG contrast ratio with AA/AAA results and accessible suggestions.Color Harmony GeneratorComplementary, analogous, triadic, tetradic, split-complementary and monochromatic harmonies.Color Blindness SimulatorApproximate protanopia, deuteranopia, tritanopia and achromatopsia simulations.

Frequently asked questions

What is the HEX code of Teal Blue?
The HEX code of Teal Blue is #367588. In RGB it is rgb(54, 117, 136) and in HSL hsl(194, 43%, 37%).
Which text color works on Teal Blue?
White text has a contrast ratio of 5.18:1 on Teal Blue and black text 4.06:1, so white text is more readable. WCAG AA needs at least 4.5:1 for normal text.
What is the complementary color of Teal Blue?
Rotating the hue of Teal Blue by 180° gives #884936, its complementary color on the RGB color wheel.
What is Teal Blue in CMYK?
An approximate CMYK value for Teal Blue is cmyk(60%, 14%, 0%, 47%). For printing, ask your printer for an ICC-profiled conversion.