Navy Teal Color – #20576e: Codes and Complete Breakdown

The Navy Teal color hex code is #20576e, and it is composed of 13% red, 34% green and 43% blue.

Navy Teal is a dark, bright, and cool color at 71% saturation. It has a contrast ratio of 7.92:1 against a white background, which passes WCAG AA (Web Content Accessibility Guidelines, Level AA) compliance.

For better visibility, it is recommended to use the Navy Teal color (#20576e) against light backgrounds.

Navy Teal color

Navy Teal Color Shades

Complementary colors

  1. #20566E

  2. #763C23

Triadic colors

  1. #20566E

  2. #76235D

  3. #5D7623

Tints or lighter colors

  1. #2B7695

  2. #3795BD

  3. #58ABCE

  4. #80BFDA

  5. #A7D3E5

Darker colors

  1. #143746

  2. #09181F

Analogous colors

  1. #206E37

  2. #206E5E

  3. #20566E

  4. #20306E

  5. #37206E

Monochromatic colors

  1. #0A2A37

  2. #144960

  3. #226886

  4. #3185A9

  5. #4B9FC3

#20576e

Navy Teal Color Codes and Information

Here’s a complete breakdown of the color Navy Teal, including its HEX, RGB, HSL, and CMYK values, as well as other information about the color.

Data TypeValues/Details
Hex#20576e
RGBrgb(32,87,110)
HSLhsl(198,54.9%,27.8%)
CMYK71, 21, 0, 57
HSV198, 71, 43
RGB %13, 34, 43
XYZ6.8, 8.2, 16
LAB34.4, -9.7, -18.7
Color CategoryDark
Color FamilyBlue
Saturation71%
TemperatureCool
Contrast Ratio Againt White (#ffffff)7.92 (passes WCAG AA)
Contrast Ratio Againt Black (#000000)2.65 (fails WCAG AA)

Similar Colors to Navy Teal Color

  1. #006597

    wavy navy color 006597

    Wavy Navy

  2. #3a4859

    very navy color 3a4859

    Very Navy

  3. #465784

    true navy color 465784

    True Navy

  4. #45505b

    royal navy color 45505b

    Royal Navy

  5. #0066cc

    royal navy blue color 0066cc

    Royal Navy Blue

  6. #4e5180

    purple navy color 4e5180

    Purple Navy

  7. #25488a

    pacific navy color 25488a

    Pacific Navy

  8. #515b62

    novelty navy color 515b62

    Novelty Navy

Related Color Shades