#3730A3 color
The swatch above shows #3730A3 with its hex code written on it in white and in black, so you can see which of the two is legible before reading the measured ratios below.
#3730A3 is a medium, moderately saturated blue, closest to the CSS named color darkslateblue (#483D8B).
It is also a Tailwind CSS default: indigo-800. That means you can write bg-indigo-800 or text-indigo-800 directly, with no arbitrary-value brackets and no entry in your theme config.
Color values
| HEX | #3730A3 |
| RGB | rgb(55, 48, 163) |
| HSL | hsl(244, 55%, 41%) |
| CMYK | cmyk(66%, 71%, 0%, 36%) |
| Decimal | 3616931 |
| CSS | color: #3730A3; |
| Android | 0xFF3730A3 |
| Swift | UIColor(red: 0.216, green: 0.188, blue: 0.639, alpha: 1) |
Accessibility and contrast
| White text on #3730A3 | 9.93:1 — AA pass · AA large pass · AAA pass |
| Black text on #3730A3 | 2.11:1 — AA fail · AA large fail · AAA fail |
| Recommended text color | white |
WCAG 2.1 asks for at least 4.5:1 for body text and 3:1 for large text (18 pt, or 14 pt bold).
Tints and shades of #3730A3
Each swatch keeps the hue and saturation of #3730A3 and varies only lightness — the quickest way to build a usable scale from a single brand color.
Colors that go with #3730A3
Harmonies generated by rotating the hue on the color wheel while holding saturation and lightness constant.
Using #3730A3 in code
/* CSS */
.element { color: #3730A3; background-color: #3730A3; }
.element { color: rgb(55 48 163); }
.element { color: hsl(244 55% 41%); }
/* Tailwind */
<div class="bg-indigo-800 text-white">
/* SCSS variable */
$brand: #3730A3;Frequently asked questions
What color is #3730A3?
#3730A3 is a medium, moderately saturated blue. Its hue sits at 244° on the color wheel, with 55% saturation and 41% lightness.
What is #3730A3 in RGB?
#3730A3 converts to rgb(55, 48, 163) — 55 red, 48 green and 163 blue.
What is #3730A3 in CMYK?
Approximately cmyk(66%, 71%, 0%, 36%). Print output depends on the ICC profile of the press and paper, so treat this as a starting point rather than an exact match.
Should text on #3730A3 be white or black?
White gives the better contrast ratio (9.93:1 versus 2.11:1).
What is the complementary color of #3730A3?
#9AA22F — the hue directly opposite #3730A3 on the color wheel.