Appearance
Roche Logo Color Code & Palette
Looking for the official Roche logo color code? Get the exact #005395 and Roche Blue, #FFFFFF and Roche White and #7A7A7A and Roche Gray. Complete color information for design and development projects featuring Roche's signature brand color.
Extract Roche Logo Colors from Image
Upload a photo or SVG image containing the Roche 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
Roche Logo Color Code Converter
Instantly convert Roche'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%)
Roche Logo Color Palette
#005395
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#54BAFF
Light
#3D96DB
Medium Light
#2474B7
Medium
#005395
Medium Dark
#003F71
Dark
#002C4F
Darkest
#001A2F
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#005395
Left Dark
#5978AD
Left Medium
#8FA0C5
Left Light
#C2C9DD
Neutral
#F5F5F5
Right Light
#E4C6B5
Right Medium
#CE9979
Right Dark
#B46D40
Complementary End
#954200
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#93A4CA
Medium
#005395
Dark
#002D68
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#009542
Left Adjacent 1
#00958D
Main
#005395
Right Adjacent 1
#000895
Right Adjacent 2
#420095
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#005395
Complementary
#954200
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#005395
Secondary
#950053
Tertiary
#539500
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#005395
Right 90°
#8D0095
Complementary
#954200
Left 90°
#089500
Tetradic
Two pairs of complementary colors
4 colors
Main
#005395
Secondary
#420095
Complementary
#954200
Complementary Secondary
#539500
Split Complementary
Complementary colors ±30°
3 colors
Main
#005395
Split Left
#950008
Split Right
#958D00
Cyclic
Circular gradient for periodic data
8 colors
0°
#005395
45°
#1D0095
90°
#8D0095
135°
#95002E
180°
#954200
225°
#789500
270°
#089500
315°
#009567
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CB5C9
Pastel 1
#A9BFD1
Pastel 2
#B6C9D8
Pastel 3
#C3D3DF
Pastel 4
#D1DDE6
Deep Pastel
#DEE6ED
#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
#7A7A7A
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E7DEE0
Light
#C1BBBD
Medium Light
#9D9A9B
Medium
#7A7A7A
Medium Dark
#555555
Dark
#333333
Darkest
#141414
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#7A7A7A
Left Dark
#979797
Left Medium
#B6B6B6
Left Light
#D5D5D5
Neutral
#F5F5F5
Right Light
#D5D5D5
Right Medium
#B6B6B6
Right Dark
#979797
Complementary End
#7A7A7A
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#BABABA
Medium
#7A7A7A
Dark
#3D3D3D
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#7A7A7A
Left Adjacent 1
#7A7A7A
Main
#7A7A7A
Right Adjacent 1
#7A7A7A
Right Adjacent 2
#7A7A7A
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#7A7A7A
Complementary
#7A7A7A
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#7A7A7A
Secondary
#7A7A7A
Tertiary
#7A7A7A
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#7A7A7A
Right 90°
#7A7A7A
Complementary
#7A7A7A
Left 90°
#7A7A7A
Tetradic
Two pairs of complementary colors
4 colors
Main
#7A7A7A
Secondary
#7A7A7A
Complementary
#7A7A7A
Complementary Secondary
#7A7A7A
Split Complementary
Complementary colors ±30°
3 colors
Main
#7A7A7A
Split Left
#7A7A7A
Split Right
#7A7A7A
Cyclic
Circular gradient for periodic data
8 colors
0°
#7A7A7A
45°
#7A7A7A
90°
#7A7A7A
135°
#7A7A7A
180°
#7A7A7A
225°
#7A7A7A
270°
#7A7A7A
315°
#7A7A7A
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