#2B2C30 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Caviar is a dense, charcoal-leaning grey that offers a sophisticated alternative to pure black. Designers use this neutral as a primary base for modern, moody web interfaces. It provides excellent readability for white typography, boasting a contrast ratio of 13.9:1, which makes it safe for small body text. The hex code for Caviar is #2b2c30.
About Caviar
Charcoal rubbed with ash in an unlit room
What does caviar mean?
The name points to black lump fish roe, so people often read this color as understated luxury or quiet formality. It sits near the bottom of the lightness scale with almost no saturation, so it reads as heavy, still, and hard to read emotionally.
Where you see caviar
- charcoal
- pencil graphite
- cast iron skillets
- fresh asphalt
- slate roofs
- damascus steel blades
What it works for
Use it as a near-black background that supports brighter colors without the harshness of pure black.
What colors go with caviar?
Antique White #ece6d5The warm off-white lifts the heavy dark grey and adds gentle contrast.Blush #de5d83A soft pink warms the ashy depth and keeps it from feeling cold.Mustard Gold #a6894bThe saturated yellow pops hard against the muted dark ground.Dusty Cedar #dd9592The muted red brings warmth while matching its low saturation.Sage #9caf88The greyed green shares its dusty quality and softens the gloom.Powder Blue #b0e0e6The pale cool blue echoes its undertone while lifting the whole scheme.
Questions about Caviar
What is the hex code for Caviar?
Caviar is #2b2c30. In RGB that is rgb(43, 44, 48), in HSL hsl(228, 5%, 18%) and in CMYK 10%, 8%, 0%, 81%.
Is Caviar #2b2c30 a good alternative to true black for UI design?
Caviar is an excellent, softer alternative to pure black because it avoids the harsh visual strain of absolute black on screen. It maintains deep, authoritative contrast while feeling more integrated into modern, sophisticated web interfaces.
Is Caviar readable on white or black?
Caviar has a 13.94:1 contrast ratio on white and 1.50:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.