Nearest named color · #AE370D
#AE370D
Nearest named color: Rusty Red
#AE370D (rgb(174 55 13), hsl(16 86% 37%), oklch(0.508 0.162 37.1)) is closest to the named color Rusty Red. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#AE370D
oklch(0.508 0.162 37.1)
Color conversions
- HEX
- #ae370d
- RGB
- rgb(174 55 13)
- HSL
- hsl(16 86% 37%)
- HWB
- hwb(16 5% 32%)
- OKLCH
- oklch(0.508 0.162 37.1)
- OKLab
- oklab(0.508 0.129 0.098)
- CIE Lab
- lab(41.5 48.05 49.68)
- LCH
- lch(41.5 69.12 46)
- CMYK
- cmyk(0% 68% 93% 32%)
Tints · Shades · Tones
Tints
- B84E2E
- C26347
- CC775E
- D58A74
- DD9D8B
- E5B1A1
- ECC4B8
- F3D8D0
- F9EBE7
Shades
- 972E0A
- 802607
- 6A1E05
- 551603
- 410F02
- 2E0801
- 1C0300
- 0B0100
- 010000
Tones
- AB4121
- A84B2F
- A4533B
- A05A46
- 9C6150
- 97685A
- 926E64
- 8D746D
- 877A77
Color harmonies
Complementary +180°
- AE370D
Rusty Red
- 007287
≈ Glamour Green
Analogous -30° +30°
- AE370D
Rusty Red
- AC3055
≈ Primal Red
- 8F5600
≈ Plain Old Brown
Triadic +120° +240°
- AE370D
Rusty Red
- 007948
≈ Blarney Stone
- 5256BF
≈ Free Speech Blue
Split-complementary +150° +210°
- AE370D
Rusty Red
- 00756E
≈ Mermaid Harbour
- 0069AD
≈ Wing Commander
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 6.26:1 · APCA Lc 80
Ag
FailOn black
WCAG 3.35:1 · APCA Lc 22
Best text color: #FFFFFF
WCAG 6.26:1 (AA) · APCA Lc 80
Contrast pairs
Code snippets
CSS
:root {
--rusty-red: #ae370d;
--rusty-red-rgb: 174 55 13;
--rusty-red-oklch: oklch(0.508 0.162 37.1);
}
.element {
color: var(--rusty-red);
background-color: hsl(16 86% 37%);
border-color: oklch(0.508 0.162 37.1);
}Tailwind CSS v4
@theme {
--color-rusty-red: #ae370d;
--color-rusty-red-50: #ffe6d3;
--color-rusty-red-100: #ffd6c0;
--color-rusty-red-200: #ffbda1;
--color-rusty-red-300: #fe9978;
--color-rusty-red-400: #ed7755;
--color-rusty-red-500: #db542b;
--color-rusty-red-600: #b94826;
--color-rusty-red-700: #953a1e;
--color-rusty-red-800: #6f2817;
--color-rusty-red-900: #4f1b0e;
--color-rusty-red-950: #340a03;
}SCSS
$rusty-red: #ae370d;
$rusty-red-rgb: 174, 55, 13;
$rusty-red-light: mix(#fff, $rusty-red, 20%);
$rusty-red-dark: mix(#000, $rusty-red, 20%);
.element {
color: $rusty-red;
box-shadow: 0 0 0 2px rgba($rusty-red, 0.35);
}