Live Color Intelligence
#302C2D
COLOR PROFILE

#302c2d

#302C2D · Custom · shade

Find Similar
COLOR VALUES

Conversion reference

HEX#302C2D
RGB48, 44, 45
HSL345°, 4%, 18%
HSV345°, 8.0%, 19.0%
HWB345°, 17.3%, 81.2%
CMYK0%, 8%, 6%, 81%
LAB18.45, 2.04, 0.00
CSS--color-primary: #302C2D;
Tailwindcolors: { primary: '#302C2D' }
HARMONIES

Color relationships

analogous
#302C2F#403B3E#201D1E#403B3B#201E1D
complementary
#302C2D#3B403E
triadic
#302C2D#3C403B#1D1E20
tetradic
#302C2D#3E403B#1D201F#3C3B40
ACCESSIBILITY

White text

13.78:1AA Pass · AAA Pass
BEST TEXT

Contrast reference

#FFFFFFChoose final text in the actual UI context.
CIEDE2000

Related colors

Dark Scarlet#2C2726ΔE00 2.101Dark Crimson#2C2627ΔE00 2.177Dark Red#2C2626ΔE00 2.228Dark Rose#2C2628ΔE00 2.325Deep Warm Stone#2F2C2AΔE00 2.356Deep Warm Stone#302D2BΔE00 2.357Deep Warm Stone#2E2B29ΔE00 2.396Deep Warm Stone#312E2CΔE00 2.402Deep Warm Stone#2D2A28ΔE00 2.478Dark Warm Stone#322F2DΔE00 2.487Dark Coral#2C2826ΔE00 2.494Deep Warm Stone#2C2927ΔE00 2.595Dark Warm Stone#33302EΔE00 2.608Dark Rose#2C2629ΔE00 2.627Deep Soft Neutral#2E2C31ΔE00 2.661Dark Soft Neutral#2F2D32ΔE00 2.667Deep Soft Neutral#2D2B30ΔE00 2.694Dark Soft Neutral#302E33ΔE00 2.711Deep Warm Stone#2B2826ΔE00 2.744Dark Warm Stone#34312FΔE00 2.762Deep Soft Neutral#2C2A2FΔE00 2.763Dark Soft Neutral#312F34ΔE00 2.791Dark Neutral Gray#2D2D2DΔE00 2.855Deep Soft Neutral#2B292EΔE00 2.865

About #302c2d #302C2D

#302C2D is represented by RGB (48, 44, 45) and HSL (345°, 4%, 18%). These values are useful references for digital design, interfaces, charts, illustrations and development workflows.

HEX is convenient for CSS and design tokens. RGB describes the screen color channels, HSL provides an intuitive hue/saturation/lightness model, and CMYK is a conversion reference for print workflows. Actual print appearance can vary with color profiles, inks, paper and production conditions.

Pritikart Color Lab also provides CIEDE2000 similarity, color harmonies, generated lighter/darker relationships and WCAG contrast calculations. Accessibility results are mathematical checks and should be verified in the final UI context.