Skip to content

#53283A Color

#53283A is rgb(83, 40, 58) in RGB, hsl(335, 35%, 24%) in HSL, and about cmyk(0%, 52%, 30%, 67%) in CMYK. It has no registered color name of its own — the closest is Light Chocolate Cosmos (#551F2F), clearly related but distinguishable side by side at ΔE 6.97. White text is the more readable choice on this background.

#53283A
HEX#53283A
RGBrgb(83, 40, 58)
HSLhsl(335, 35%, 24%)
HSVhsv(335, 52%, 33%)
CMYKcmyk(0%, 52%, 30%, 67%)
OKLCHoklch(34.1% 0.068 354.8)
LABlab(22.66% 22.19 -2.07)
LCHlch(22.66% 22.29 354.68)

What #53283A Is Called

Most hex codes have no name: there are 16.7 million of them and a few thousand registered names. These are the named colors nearest to #53283A, ordered by CIE76 distance in CIELAB. Anything under about ΔE 2 is a difference most people cannot see.

Light Chocolate Cosmos#551F2FΔE 6.97Old Mauve#673147ΔE 7.32Zinfandel Red#5A3844ΔE 7.58Dark Byzantium#5D3954ΔE 10.16Eggplant#614051ΔE 10.44Temptress#3C2126ΔE 11.24

Browse the full index of named colors A-Z or every pink in the library.

#53283A Channel Values

How #53283A breaks down in each color model. Hue is measured in degrees around the color wheel; saturation, lightness, and the CMYK inks are percentages.

ModelChannelsNotes
RGBR 83 · G 40 · B 588-bit channels as sent to the display
HSLH 335° · S 35% · L 24%Easiest model for building lighter and darker variants
HSVH 335° · S 52% · V 33%Matches the picker in most design tools
CMYKC 0% · M 52% · Y 30% · K 67%Approximate ink mix; confirm with an ICC profile before printing
Luminance12.12:1 vs white · 1.73:1 vs blackWCAG 2.2 relative-luminance contrast ratios

Text Contrast & Accessibility

WCAG 2.2 contrast ratios for text on a #53283A background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1. Contrast is one check, not a full accessibility review.

TextWhite text12.12:1AA normal AA large AAA normal
Fails AABlack text1.73:1AA normal AA large AAA normal

Need a specific ratio against another background? Open #53283A in the contrast checker.

Colors That Go With #53283A

Pairings derived from color-wheel relationships. The complementary color sits opposite #53283A; analogous colors sit beside it; triadic and split-complementary sets spread evenly around the wheel. Select any swatch for its own breakdown.

Base
#53283A
Complementary
#285341
Analogous
#53284F
Analogous
#532B28
Triadic
#3A5328
Triadic
#283A53
Split comp.
#28532B
Split comp.
#284F53

Tints & Shades of #53283A

Lighter tints and darker shades built by moving the lightness channel while holding hue and saturation, which is what you want for hover states, backgrounds, and text variants.

Tints

#783A54
#9B4B6C
#B66888
#C78AA3
#D9B0C1
#E9D2DC

Shades

#482332
#3E1E2B
#341924
#2D161F
#221118
#180C11

Want a full 50-950 ramp with semantic roles? Generate design tokens from #53283A.

How #53283A Looks with Color Vision Deficiency

Simulated with the Viénot, Brettel & Mollon LMS projection model. Anomalous types are rendered as partial versions of the matching dichromacy, which is an approximation rather than a per-person clinical model.

Typical#53283A
Protanopia#32323A
Protanomaly#422F3A
Deuteranopia#3A3A39
Deuteranomaly#453439
Tritanopia#522B2B
Tritanomaly#522A31
Achromatopsia#363636

Test a full palette in the color blindness simulator.

Using #53283A in Code

Copy-ready declarations for the places this color usually ends up.

CSS custom property--color-53283a: #53283A;
CSS backgroundbackground-color: #53283A;
Tailwind configcolors: { 'color-53283a': '#53283A' }
SwiftUIColor(red: 0.325, green: 0.157, blue: 0.227)
Android XML<color name="color_53283a">#53283A</color>
SVG fillfill="#53283A"

More Pink Colors

#53283A sits in the pink family. These are its neighbours across that family's full range, each with its own breakdown.

200e15fff5ff240024fff5f82e051ffff0ff2f1d2ffff0f6301934fff0f5330033ffe0f057001d754875940094a800b7c43162d07cd0e0115fe936a7f38fa9fb64b6ff0a85ff70b8

#53283A Frequently Asked Questions

What color is #53283A?

#53283A is a dark pink — rgb(83, 40, 58) in RGB and hsl(335, 35%, 24%) in HSL. It carries no registered color name of its own; the closest named color is Light Chocolate Cosmos (#551F2F), which is clearly related but distinguishable side by side at a CIE76 distance of 6.97.

What is the RGB value of #53283A?

#53283A is rgb(83, 40, 58) — red 83, green 40, and blue 58 on the 0-255 scale.

What is the CMYK value of #53283A?

#53283A converts to approximately cmyk(0%, 52%, 30%, 67%). CMYK output is a mathematical approximation for planning; confirm production print colors with your printer and ICC profile.

Should text on #53283A be black or white?

White text is the more readable choice. #53283A scores 12.12:1 against white and 1.73:1 against black, and WCAG 2.2 asks for at least 4.5:1 for normal body text.

Can I write #53283A as a CSS color keyword?

No. #53283A is not one of the CSS color keywords, so it has to be written as a hex, rgb() or hsl() value. The closest keyword is dimgray (#696969) at a CIE76 distance of 31.14, which is a different colour altogether.

Open #53283A in a Tool

Hex to RGBHex to HSLHex to CMYKHex to OKLCHHex to PantoneBuild a paletteMake a gradient

Keep exploring: every pink in the color library, the guide to shades of pink, or the full color library.