Colors Encyclopedia

Brand colors

Visa Brand Colors

Visa palette: #1A1F71, #F7B600, #FFFFFF. Compare HEX/RGB, WCAG contrast and CSS tokens; open independent JSON data.

Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Visa.

FinanceBrand indexAPIDataset
Commonly referenced palette Visa
#1A1F71#F7B600#FFFFFF
Listed without an implied color hierarchy

Palette

Palette color 1#1A1F71RGB 26, 31, 113
Palette color 2#F7B600RGB 247, 182, 0
White#FFFFFFRGB 255, 255, 255

CSS Tokens

:root {
  --brand-visa-1: #1A1F71;
  --brand-visa-2: #F7B600;
  --brand-visa-3: #FFFFFF;
}

Accessibility Snapshot

#1A1F71Black 1.48:1 / White 14.21:1
#F7B600Black 11.65:1 / White 1.8:1
#FFFFFFBlack 21:1 / White 1:1

Brand palette context · Editorially reviewed

About Visa Brand Colors

Visa’s current Brand Center presents the Visa Brand Mark as one element in a wider system that also includes endorsement lockups, product identifiers, typography, motion, sound, and accessibility guidance. Its published standards permit the mark in Visa Blue, white, or black. That makes the gold in this commonly circulated three-color reference historical or contextual rather than evidence of a current universal mark treatment.

Use #1A1F71, #F7B600, and white as an independent comparison palette, not as instructions for reconstructing a payment mark. Visa says approved assets must not be altered, distorted, recolored, or placed on busy backgrounds, and limits their use to authorized partners, clients, and merchants. Payment acceptance, security, eligibility, and accessibility cannot be inferred from color.

This independent technical reference is not Visa, a payment provider, merchant authorization, or endorsement; it does not distribute brand artwork or grant permission to display Visa-owned marks.

Downloadable brand colors infographic

Visa Brand Colors Infographic

Save an independent infographic of the commonly referenced Visa HEX palette and its accessibility guidance. No logo or proprietary artwork is included.

1200 × 800
Visa brand colors infographic showing its commonly referenced HEX palette and accessibility guidance for every listed color without assigning a color hierarchy.
Visa brand colors infographic. Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Visa.
Download WebPDownload SVGOpen full size

Machine-readable data

Machine-Readable Brand Color Data (JSON)

Structured brand palette data for design systems, references, automations, and AI ingestion.

AI-Ready Dataset v1.0.0
Luminance0.0239
Black text1.48:1AA Fail
White text14.21:1AA Pass
hexCanonical HEX value
rgbRed, green, blue channels
hslHue, saturation, lightness
cmykApproximate print conversion
wcagAA and AAA contrast options
harmoniesMathematical harmony sets
variantsGenerated tone variants
nearestColorsKnowledge graph neighbors
Download JSON Open API
Structured sections
Brand
{
  "slug": "visa",
  "name": "Visa",
  "category": "finance",
  "brandCategory": [
    "Finance",
    "finance"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/visa/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/finance/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Visa."
}
Palette
[
  {
    "name": "Palette color 1",
    "hex": "#1A1F71",
    "rgb": [
      26,
      31,
      113
    ],
    "hsl": [
      237,
      63,
      27
    ],
    "cmyk": [
      77,
      73,
      0,
      56
    ],
    "luminance": 0.0239,
    "contrast": {
      "black": 1.48,
      "white": 14.21
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "name": "Palette color 2",
    "hex": "#F7B600",
    "rgb": [
      247,
      182,
      0
    ],
    "hsl": [
      44,
      100,
      48
    ],
    "cmyk": [
      0,
      26,
      100,
      3
    ],
    "luminance": 0.5323,
    "contrast": {
      "black": 11.65,
      "white": 1.8
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  },
  {
    "name": "White",
    "hex": "#FFFFFF",
    "rgb": [
      255,
      255,
      255
    ],
    "hsl": [
      0,
      0,
      100
    ],
    "cmyk": [
      0,
      0,
      0,
      0
    ],
    "luminance": 1,
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]
AI context
{
  "brandUseCases": [
    "fintech UI",
    "payment flows",
    "trust-focused interfaces",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "finance brand colors",
    "blue brand palette",
    "orange brand palette",
    "gray brand palette",
    "cool brand palette",
    "warm brand palette",
    "neutral brand palette",
    "jewel tone brand color",
    "vibrant brand color",
    "light brand color",
    "Visa color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/visa.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
CSS tokens
{
  "css": "--brand-visa-1: #1A1F71;\n--brand-visa-2: #F7B600;\n--brand-visa-3: #FFFFFF;"
}
Accessibility
[
  {
    "hex": "#1A1F71",
    "contrast": {
      "black": 1.48,
      "white": 14.21
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "hex": "#F7B600",
    "contrast": {
      "black": 11.65,
      "white": 1.8
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  },
  {
    "hex": "#FFFFFF",
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]
Full JSON dataset 
{
  "slug": "visa",
  "name": "Visa",
  "category": "finance",
  "brandCategory": [
    "Finance",
    "finance"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Visa.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/visa/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/finance/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/visa.json",
  "colors": [
    {
      "name": "Palette color 1",
      "hex": "#1A1F71",
      "rgb": [
        26,
        31,
        113
      ],
      "hsl": [
        237,
        63,
        27
      ],
      "cmyk": [
        77,
        73,
        0,
        56
      ],
      "luminance": 0.0239,
      "contrast": {
        "black": 1.48,
        "white": 14.21
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF",
          "#F5F5F5"
        ]
      }
    },
    {
      "name": "Palette color 2",
      "hex": "#F7B600",
      "rgb": [
        247,
        182,
        0
      ],
      "hsl": [
        44,
        100,
        48
      ],
      "cmyk": [
        0,
        26,
        100,
        3
      ],
      "luminance": 0.5323,
      "contrast": {
        "black": 11.65,
        "white": 1.8
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      }
    },
    {
      "name": "White",
      "hex": "#FFFFFF",
      "rgb": [
        255,
        255,
        255
      ],
      "hsl": [
        0,
        0,
        100
      ],
      "cmyk": [
        0,
        0,
        0,
        0
      ],
      "luminance": 1,
      "contrast": {
        "black": 21,
        "white": 1
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      }
    }
  ],
  "brandUseCases": [
    "fintech UI",
    "payment flows",
    "trust-focused interfaces",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "finance brand colors",
    "blue brand palette",
    "orange brand palette",
    "gray brand palette",
    "cool brand palette",
    "warm brand palette",
    "neutral brand palette",
    "jewel tone brand color",
    "vibrant brand color",
    "light brand color",
    "Visa color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/visa.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
Dataset manifest Version 1.0.0 Build hash published in manifest Canonical page

Related Brand Color Guides

Finance brand colorsBrowse all finance brand color references.American Express brand colorsCompare another finance palette.Bank of America brand colorsCompare another finance palette.Binance brand colorsCompare another finance palette.Cash App brand colorsCompare another finance palette.Red Bull similar paletteOpen a palette with a nearby first-listed color value.Bank of America similar paletteOpen a palette with a nearby first-listed color value.ASICS similar paletteOpen a palette with a nearby first-listed color value.Midnight Blue colorOpen the nearest named color reference.Visa APIOpen the machine-readable brand color JSON.