Codes & values
- Color Name
Blue Grey 500 - Color ID
KDF-C-06323595 - HEX
#607D8B - RGB
rgb(96, 125, 139) - RGBA
rgba(96, 125, 139, 1) - HSL
hsl(200, 18%, 46%) - HSLA
hsla(200, 18%, 46%, 1) - HSV / HSB
hsv(200, 31%, 55%) - CMYK
cmyk(31%, 10%, 0%, 45%) - Light / Dark
mid
Quick answers
- What is the HEX code for Blue Grey 500?
- #607D8B
- What is Blue Grey 500 RGB?
- rgb(96, 125, 139)
- What is Blue Grey 500 HSL?
- hsl(200, 18%, 46%)
- What is Blue Grey 500 CMYK?
- cmyk(31%, 10%, 0%, 45%)
What is Blue Grey 500?
Blue Grey 500 is a curated gray family color at #607D8B. It appears in our library with tags for ui, web, design, button. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature lean: cool — calmer, often used for tech, healthcare, and finance trust..
Blue Grey 500 HEX code
The HEX code for Blue Grey 500 is #607D8B. Paste it into CSS as color: #607D8B; or background-color: #607D8B;. Design tools accept the same six-digit value without the # prefix (607d8b).
Blue Grey 500 RGB
Blue Grey 500 in RGB is rgb(96, 125, 139) (channels R 96, G 125, B 139). Use RGB when you need opacity via rgba(96, 125, 139, 1).
Blue Grey 500 HSL & HSV
HSL is hsl(200, 18%, 46%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(200, 31%, 55%), closer to how many digital pickers expose hue, saturation, and brightness.
Blue Grey 500 CMYK
Approximate CMYK for Blue Grey 500 is cmyk(31%, 10%, 0%, 45%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Blue Grey 500
Darker shades (mixed toward black): #506874, #40535D, #303F46, #202A2E, #101517. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Blue Grey 500
Lighter tints (mixed toward white): #7B939E, #95A8B2, #B0BEC5, #CAD4D8, #E5E9EC. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Blue Grey 500
Complementary pairing: #607D8B, #8B6E60. Analogous neighbors: #608B84, #607D8B, #60678B. Triadic accents: #607D8B, #8B607D, #7D8B60. Always check text contrast when pairing.
Blue Grey 500 color combinations
A practical combo: primary #607D8B, complementary accent #8B6E60, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #607D8B, #8B6067, #8B8460.
Blue Grey 500 in web design
Grays carry typography and surfaces. Charcoal for body text, slate for secondary UI, light gray for cards — contrast always beats decorative gray-on-gray.
Blue Grey 500 in branding
Neutral brand systems rely on gray for UI chrome while a single accent color carries recognition. Contrast vs white is 4.37:1 (better as a large accent or background than small body text); vs black 4.80:1.
Frequently asked questions
- What is the HEX code for Blue Grey 500?
- Blue Grey 500: #607D8B.
- What is Blue Grey 500 RGB?
- Blue Grey 500: rgb(96, 125, 139).
- What is Blue Grey 500 HSL?
- Blue Grey 500: hsl(200, 18%, 46%).
- What is Blue Grey 500 CMYK?
- Blue Grey 500: cmyk(31%, 10%, 0%, 45%).
- What colors go with Blue Grey 500?
- Try complementary #607D8B, #8B6E60 or analogous #608B84, #607D8B, #60678B.
- Is Blue Grey 500 good for text on white?
- Not ideal for small body text (4.37:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 4.37:1 (prefer large accent or background). Contrast vs black: 4.80:1. Complementary swatch: #607D8B, #8B6E60.
Explore related
Gray colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK