Portabella Color – #9a8273: Codes and Complete Breakdown

The Portabella color hex code is #9a8273, and it is composed of 60% red, 51% green and 45% blue.

Portabella is a light, dull, desaturated, and warm color at 25% saturation. It has a contrast ratio of 3.61:1 against a white background, which fails WCAG AA (Web Content Accessibility Guidelines, Level AA) compliance.

For better visibility, it is recommended to use the Portabella color (#9a8273) against dark backgrounds.

Portabella color

Portabella Color Shades

Complementary colors

  1. #9A8273

  2. #6E8C9F

Triadic colors

  1. #9A8273

  2. #6E9F81

  3. #816E9F

Tints or lighter colors

  1. #AF9C90

  2. #C5B7AE

  3. #DAD1CC

  4. #EFECE9

Darker colors

  1. #7F695B

  2. #615046

  3. #433831

  4. #261F1B

  5. #080706

Analogous colors

  1. #9A738B

  2. #9A7377

  3. #9A8273

  4. #9A9573

  5. #8B9A73

Monochromatic colors

  1. #7E5942

  2. #9A725A

  3. #AA8E7C

  4. #BAAA9F

  5. #CDC5C0

#9a8273

Portabella Color Codes and Information

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

Data TypeValues/Details
Hex#9a8273
RGBrgb(154,130,115)
HSLhsl(23,16.2%,52.7%)
CMYK0, 16, 25, 40
HSV23, 25, 60
RGB %60, 51, 45
XYZ24.4, 24.1, 19.6
LAB56.2, 6.6, 11.5
Color CategoryLight
Color FamilyPeach/Orange
Saturation25%
TemperatureWarm
Contrast Ratio Againt White (#ffffff)3.61 (fails WCAG AA)
Contrast Ratio Againt Black (#000000)5.81 (passes WCAG AA)

Similar Colors to Portabella Color

  1. #f8f3f6

    abalone color f8f3f6

    Abalone

  2. #b3b299

    alfalfa color b3b299

    Alfalfa

  3. #727a5f

    aceituna picante color 727a5f

    Aceituna Picante

  4. #5a2538

    zinfandel color 5a2538

    Zinfandel

  5. #8f9e9d

    abyss color 8f9e9d

    Abyss

  6. #7cb9e8

    aero color 7cb9e8

    Aero

  7. #e34636

    alizarin color e34636

    Alizarin

  8. #5f563f

    buzzard color 5f563f

    Buzzard

Related Color Shades