Live Color Intelligence
#3B3C97
COLOR PROFILE

#3b3c97

#3B3C97 · Custom · tone

Find Similar
COLOR VALUES

Conversion reference

HEX#3B3C97
RGB59, 60, 151
HSL239°, 44%, 41%
HSV239°, 61.0%, 59.0%
HWB239°, 23.1%, 40.8%
CMYK61%, 60%, 0%, 41%
LAB30.39, 27.99, -50.21
CSS--color-primary: #3B3C97;
Tailwindcolors: { primary: '#3B3C97' }
HARMONIES

Color relationships

analogous
#3B7997#4368AD#323381#6543AD#653281
complementary
#3B3C97#ADAB43
triadic
#3B3C97#AD4345#338132
tetradic
#3B3C97#AD437A#817F32#43AD76
ACCESSIBILITY

White text

9.21:1AA Pass · AAA Pass
BEST TEXT

Contrast reference

#FFFFFFChoose final text in the actual UI context.
CIEDE2000

Related colors

Shade Cobalt#353A97ΔE00 0.973Shade Cobalt#353C97ΔE00 0.988Shade Cobalt#353D97ΔE00 1.15Shade Cobalt#353897ΔE00 1.324Shade Cobalt#3D3D8FΔE00 1.488Shade Cobalt#353797ΔE00 1.567Shade Cobalt#3F3D8FΔE00 1.613Shade Cobalt#353F97ΔE00 1.644Shade Cobalt#403D8FΔE00 1.706Shade Cobalt#413D8FΔE00 1.818Shade Cobalt#3D3F8FΔE00 1.83Shade Cobalt#354097ΔE00 1.936Shade Cobalt#3D408FΔE00 2.066Shade Cobalt#433D8FΔE00 2.083Shade Cobalt#373597ΔE00 2.084Shade Cobalt#383597ΔE00 2.092Shade Cobalt#353597ΔE00 2.101Shade Cobalt#3A3597ΔE00 2.143Shade Indigo#443D8FΔE00 2.233Shade Cobalt#3C3597ΔE00 2.239Shade Cobalt#2D3A9FΔE00 2.279Shade Indigo#3D3597ΔE00 2.304Shade Cobalt#2D3C9FΔE00 2.326Shade Cobalt#3D418FΔE00 2.329

About #3b3c97 #3B3C97

#3B3C97 is represented by RGB (59, 60, 151) and HSL (239°, 44%, 41%). 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.