Nearest named color · #AD0338
#AD0338
Nearest named color: Rouge
#AD0338 (rgb(173 3 56), hsl(341 97% 35%), oklch(0.476 0.189 15.2)) is closest to the named color Rouge. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#AD0338
oklch(0.476 0.189 15.2)
Color conversions
- HEX
- #ad0338
- RGB
- rgb(173 3 56)
- HSL
- hsl(341 97% 35%)
- HWB
- hwb(341 1% 32%)
- OKLCH
- oklch(0.476 0.189 15.2)
- OKLab
- oklab(0.476 0.182 0.049)
- CIE Lab
- lab(37.12 61.08 22.41)
- LCH
- lch(37.12 65.06 20.1)
- CMYK
- cmyk(0% 98% 68% 32%)
Tints · Shades · Tones
Tints
- B8324A
- C34D5D
- CD6570
- D77B83
- DF9197
- E7A7AB
- EEBDBF
- F5D3D4
- FAE9E9
Shades
- 96022F
- 7F0227
- 6A011F
- 550117
- 41000F
- 2D0008
- 1B0004
- 0B0001
- 010000
Tones
- AB233F
- A83447
- A5414E
- A14C55
- 9D565C
- 995F63
- 94686A
- 8E7072
- 877879
Color harmonies
Complementary +180°
- AD0338
Rouge
- 006A6B
≈ Mayan Blue
Analogous -30° +30°
- AD0338
Rouge
- 9F1574
≈ Haunted Purple
- 973D00
≈ Hot Brown
Triadic +120° +240°
- AD0338
Rouge
- 356D00
≈ Tatzelwurm Green
- 005AB2
≈ Bottled Sea
Split-complementary +150° +210°
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 7.37:1 · APCA Lc 83
Ag
FailOn black
WCAG 2.84:1 · APCA Lc 19
Best text color: #FFFFFF
WCAG 7.37:1 (AAA) · APCA Lc 83
Contrast pairs
Code snippets
CSS
:root {
--rouge: #ad0338;
--rouge-rgb: 173 3 56;
--rouge-oklch: oklch(0.476 0.189 15.2);
}
.element {
color: var(--rouge);
background-color: hsl(341 97% 35%);
border-color: oklch(0.476 0.189 15.2);
}Tailwind CSS v4
@theme {
--color-rouge: #ad0338;
--color-rouge-50: #ffe0e2;
--color-rouge-100: #ffcfd1;
--color-rouge-200: #ffb2b7;
--color-rouge-300: #ff8c94;
--color-rouge-400: #f96679;
--color-rouge-500: #e83a5c;
--color-rouge-600: #c4344e;
--color-rouge-700: #9d293e;
--color-rouge-800: #751c2f;
--color-rouge-900: #531320;
--color-rouge-950: #37030f;
}SCSS
$rouge: #ad0338;
$rouge-rgb: 173, 3, 56;
$rouge-light: mix(#fff, $rouge, 20%);
$rouge-dark: mix(#000, $rouge, 20%);
.element {
color: $rouge;
box-shadow: 0 0 0 2px rgba($rouge, 0.35);
}