Appearance
Johnson & Johnson Logo Color Code & Palette
Looking for the official Johnson & Johnson logo color code? Get the exact #D4143A and J&J Red, #76777B and J&J Gray and #FFFFFF and J&J White. Complete color information for design and development projects featuring Johnson & Johnson's signature brand color.
Extract Johnson & Johnson Logo Colors from Image
Upload a photo or SVG image containing the Johnson & Johnson 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
Johnson & Johnson Logo Color Code Converter
Instantly convert Johnson & Johnson'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%)
Johnson & Johnson Logo Color Palette
#D4143A
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFB9C7
Light
#F68B95
Medium Light
#E75B66
Medium
#D4143A
Medium Dark
#8E1B2A
Dark
#4E161B
Darkest
#140508
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#D4143A
Left Dark
#E56164
Left Medium
#F19592
Left Light
#F7C5C2
Neutral
#F5F5F5
Right Light
#CDEEE3
Right Medium
#A1E6D1
Right Dark
#6FDDBF
Complementary End
#14D4AE
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F69996
Medium
#D4143A
Dark
#8C000A
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#AE14D4
Left Adjacent 1
#D4149A
Main
#D4143A
Right Adjacent 1
#D44E14
Right Adjacent 2
#D4AE14
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#D4143A
Complementary
#14D4AE
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#D4143A
Secondary
#3AD414
Tertiary
#143AD4
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#D4143A
Right 90°
#9AD414
Complementary
#14D4AE
Left 90°
#4E14D4
Tetradic
Two pairs of complementary colors
4 colors
Main
#D4143A
Secondary
#D4AE14
Complementary
#14D4AE
Complementary Secondary
#143AD4
Split Complementary
Complementary colors ±30°
3 colors
Main
#D4143A
Split Left
#14D44E
Split Right
#149AD4
Cyclic
Circular gradient for periodic data
8 colors
0°
#D4143A
45°
#D47E14
90°
#9AD414
135°
#14D41E
180°
#14D4AE
225°
#146AD4
270°
#4E14D4
315°
#D414CA
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C5A0A7
Pastel 1
#CDACB3
Pastel 2
#D5B9BE
Pastel 3
#DCC6CA
Pastel 4
#E4D2D6
Deep Pastel
#ECDFE2
#76777B
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#DCDEE6
Light
#B9BAC1
Medium Light
#97989D
Medium
#76777B
Medium Dark
#525355
Dark
#313132
Darkest
#121212
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#76777B
Left Dark
#949598
Left Medium
#B3B4B6
Left Light
#D4D4D5
Neutral
#F5F5F5
Right Light
#D5D5D4
Right Medium
#B6B6B3
Right Dark
#989794
Complementary End
#7B7A76
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#B8B9BB
Medium
#76777B
Dark
#3A3B3F
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#767B7A
Left Adjacent 1
#767A7B
Main
#76777B
Right Adjacent 1
#78767B
Right Adjacent 2
#7A767B
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#76777B
Complementary
#7B7A76
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#76777B
Secondary
#7B7677
Tertiary
#777B76
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#76777B
Right 90°
#7B7679
Complementary
#7B7A76
Left 90°
#767B78
Tetradic
Two pairs of complementary colors
4 colors
Main
#76777B
Secondary
#7A767B
Complementary
#7B7A76
Complementary Secondary
#777B76
Split Complementary
Complementary colors ±30°
3 colors
Main
#76777B
Split Left
#7B7876
Split Right
#7A7B76
Cyclic
Circular gradient for periodic data
8 colors
0°
#76777B
45°
#79767B
90°
#7B7679
135°
#7B7676
180°
#7B7A76
225°
#787B76
270°
#767B78
315°
#767B7B
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABAEBA
Pastel 1
#B6B9C3
Pastel 2
#C1C4CD
Pastel 3
#CDCED6
Pastel 4
#D8D9DF
Deep Pastel
#E3E4E8
#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
What is Johnson & Johnson Logo Color?
Johnson & Johnson logo colors are a trusted combination of red, grey, and white that represent the brand's healthcare and pharmaceutical identity. These colors evoke feelings of care, trust, and well-being. J&J's distinctive red cross logo is widely recognized in the healthcare industry.
Johnson & Johnson's primary logo colors include: #D4143A (red), #76777B (grey), and #FFFFFF (white).
Johnson & Johnson Brand Background
Johnson & Johnson is a leading global healthcare company spanning consumer health products, medical devices, and pharmaceuticals. Its red script logo has long been associated with family care and trusted everyday remedies.
Johnson & Johnson Logo Color Meaning
Red conveys care, warmth, and a sense of life and vitality, reflecting the brand's focus on health and well-being. Grey adds a modern, dependable balance, while white suggests cleanliness and safety.
Johnson & Johnson Logo Color Combinations
- #D4143A + #FFFFFF: A warm, caring pairing for consumer health products and packaging.
- #D4143A + #76777B: A red-and-grey scheme that balances approachability with professionalism.
- #76777B + #FFFFFF: A neutral, clinical combination for medical and corporate communications.
Design Applications
Johnson & Johnson logo colors work well in healthcare branding, pharmaceutical designs, and wellness aesthetics. They pair beautifully with clean white backgrounds and medical imagery. Use them for healthcare projects, J&J-inspired designs, or to create a caring, professional atmosphere in your projects.
FAQ
What are Johnson & Johnson's official logo colors?
Johnson & Johnson's official logo colors are red (#D4143A), grey (#76777B), and white (#FFFFFF).
Why does J&J use red?
Red represents care, passion, and life, reflecting J&J's commitment to health and well-being.
Can I use Johnson & Johnson's logo colors?
You can use these colors for inspiration, but be mindful of J&J's trademark and brand guidelines.
What is the RGB value of J&J red?
Johnson & Johnson's red #D4143A is RGB(212, 20, 58), and the grey #76777B is RGB(118, 119, 123).