Appearance
Visa Logo Color Code & Palette
Looking for the official Visa logo color code? Get the exact #1A1F71 and Visa Blue, #F7B600 and Visa Gold and #FFFFFF and Visa White. Complete color information for design and development projects featuring Visa's signature brand color.
Extract Visa Logo Colors from Image
Upload a photo or SVG image containing the Visa logo to find the exact HEX and RGB color codes. Supported formats include PNG, JPG, SVG, and more.
click or drag your image here
Supported formats: JPG, PNG, WebP
Visa Logo Color Code Converter
Instantly convert Visa's brand color between HEX, RGB, CMYK, and other color systems.
All Formats:
- HEX:#ECB12E
- RGB:rgb(236, 177, 46)
- CMYK:cmyk(0%, 25%, 81%, 7%)
- HSV:hsv(41°, 81%, 93%)
- HSL:hsl(41°, 83%, 55%)
Visa Logo Color Palette
#1A1F71
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#757DE6
Light
#575CBD
Medium Light
#3A3C96
Medium
#1A1F71
Medium Dark
#161953
Dark
#101338
Darkest
#07081E
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#1A1F71
Left Dark
#594E91
Left Medium
#8D82B2
Left Light
#C0BAD3
Neutral
#F5F5F5
Right Light
#D5D1BC
Right Medium
#B5AE85
Right Dark
#938C50
Complementary End
#716C1A
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#9187B7
Medium
#1A1F71
Dark
#000E5B
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#1A716C
Left Adjacent 1
#1A4A71
Main
#1A1F71
Right Adjacent 1
#411A71
Right Adjacent 2
#6C1A71
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#1A1F71
Complementary
#716C1A
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#1A1F71
Secondary
#711A1F
Tertiary
#1F711A
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#1A1F71
Right 90°
#711A4A
Complementary
#716C1A
Left 90°
#1A7141
Tetradic
Two pairs of complementary colors
4 colors
Main
#1A1F71
Secondary
#6C1A71
Complementary
#716C1A
Complementary Secondary
#1F711A
Split Complementary
Complementary colors ±30°
3 colors
Main
#1A1F71
Split Left
#71411A
Split Right
#4A711A
Cyclic
Circular gradient for periodic data
8 colors
0°
#1A1F71
45°
#561A71
90°
#711A4A
135°
#712B1A
180°
#716C1A
225°
#35711A
270°
#1A7141
315°
#1A6071
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A4A6C1
Pastel 1
#B0B2C9
Pastel 2
#BCBED1
Pastel 3
#C8C9DA
Pastel 4
#D5D5E2
Deep Pastel
#E1E1EA
#F7B600
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFEFBD
Light
#FFDC8B
Medium Light
#FDC956
Medium
#F7B600
Medium Dark
#AC8011
Dark
#674D11
Darkest
#292009
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#F7B600
Left Dark
#FDC559
Left Medium
#FFD58E
Left Light
#FDE5C1
Neutral
#F5F5F5
Right Light
#D1C5F8
Right Medium
#A898F9
Right Dark
#766BF8
Complementary End
#0041F7
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFD993
Medium
#F7B600
Dark
#815300
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#F70041
Left Adjacent 1
#F73B00
Main
#F7B600
Right Adjacent 1
#BCF700
Right Adjacent 2
#41F700
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#F7B600
Complementary
#0041F7
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#F7B600
Secondary
#00F7B6
Tertiary
#B600F7
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#F7B600
Right 90°
#00F73B
Complementary
#0041F7
Left 90°
#F700BC
Tetradic
Two pairs of complementary colors
4 colors
Main
#F7B600
Secondary
#41F700
Complementary
#0041F7
Complementary Secondary
#B600F7
Split Complementary
Complementary colors ±30°
3 colors
Main
#F7B600
Split Left
#00BCF7
Split Right
#3B00F7
Cyclic
Circular gradient for periodic data
8 colors
0°
#F7B600
45°
#7FF700
90°
#00F73B
135°
#00F7F4
180°
#0041F7
225°
#7800F7
270°
#F700BC
315°
#F70003
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9BD9C
Pastel 1
#D1C6A9
Pastel 2
#D8CFB6
Pastel 3
#DFD8C3
Pastel 4
#E6E0D1
Deep Pastel
#EDE9DE
#FFFFFF
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F2F2F2
Light
#F6F6F6
Medium Light
#FBFBFB
Medium
#FFFFFF
Medium Dark
#DCDCDC
Dark
#BABABA
Darkest
#999999
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFFFFF
Left Dark
#FCFCFC
Left Medium
#FAFAFA
Left Light
#F7F7F7
Neutral
#F5F5F5
Right Light
#F7F7F7
Right Medium
#FAFAFA
Right Dark
#FCFCFC
Complementary End
#FFFFFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFFFF
Medium
#FFFFFF
Dark
#777777
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFFFFF
Left Adjacent 1
#FFFFFF
Main
#FFFFFF
Right Adjacent 1
#FFFFFF
Right Adjacent 2
#FFFFFF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFFFFF
Complementary
#FFFFFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFFFFF
Secondary
#FFFFFF
Tertiary
#FFFFFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFFFFF
Right 90°
#FFFFFF
Complementary
#FFFFFF
Left 90°
#FFFFFF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFFFFF
Secondary
#FFFFFF
Complementary
#FFFFFF
Complementary Secondary
#FFFFFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFFFFF
Split Left
#FFFFFF
Split Right
#FFFFFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFFFFF
45°
#FFFFFF
90°
#FFFFFF
135°
#FFFFFF
180°
#FFFFFF
225°
#FFFFFF
270°
#FFFFFF
315°
#FFFFFF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABABAB
Pastel 1
#B6B6B6
Pastel 2
#C1C1C1
Pastel 3
#CDCDCD
Pastel 4
#D8D8D8
Deep Pastel
#E3E3E3