Nearest named color · #A45823
#A45823
Nearest named color: Sienna
#A45823 (rgb(164 88 35), hsl(25 65% 39%), oklch(0.541 0.119 51.8)) is closest to the named color Sienna. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A45823
oklch(0.541 0.119 51.8)
Color conversions
- HEX
- #a45823
- RGB
- rgb(164 88 35)
- HSL
- hsl(25 65% 39%)
- HWB
- hwb(25 14% 36%)
- OKLCH
- oklch(0.541 0.119 51.8)
- OKLab
- oklab(0.541 0.074 0.094)
- CIE Lab
- lab(46.12 29.13 43.41)
- LCH
- lch(46.12 52.28 56.1)
- CMYK
- cmyk(0% 46% 79% 36%)
Tints · Shades · Tones
Tints
- AE693C
- B87952
- C28968
- CB9A7D
- D4AA92
- DDBBA7
- E6CCBD
- EEDDD3
- F7EEE9
Shades
- 8E4B1D
- 793F17
- 643311
- 50280C
- 3D1D07
- 2B1204
- 1A0901
- 0A0300
- 010000
Tones
- A15D30
- 9E613B
- 9B6645
- 986A4E
- 946E57
- 917260
- 8D7568
- 897970
- 857D78
Color harmonies
Complementary +180°
- A45823
Sienna
- 0079A4
≈ CG Blue
Analogous -30° +30°
- A45823
Sienna
- A94F4F
≈ Red Leather
- 8F6700
≈ Muddy Brown
Triadic +120° +240°
- A45823
Sienna
- 008268
≈ Emperor’s Silk
- 7160AE
≈ Genestealer Purple
Split-complementary +150° +210°
- A45823
Sienna
- 007F86
≈ Go Alpha
- 476DB4
≈ Azraq Blue
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 5.25:1 · APCA Lc 76
Ag
FailOn black
WCAG 3.99:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--sienna: #a45823;
--sienna-rgb: 164 88 35;
--sienna-oklch: oklch(0.541 0.119 51.8);
}
.element {
color: var(--sienna);
background-color: hsl(25 65% 39%);
border-color: oklch(0.541 0.119 51.8);
}Tailwind CSS v4
@theme {
--color-sienna: #a45823;
--color-sienna-50: #ffedd6;
--color-sienna-100: #ffdec3;
--color-sienna-200: #fec7a5;
--color-sienna-300: #e8a77d;
--color-sienna-400: #d6895a;
--color-sienna-500: #c36c32;
--color-sienna-600: #a45c2c;
--color-sienna-700: #844a23;
--color-sienna-800: #633519;
--color-sienna-900: #452410;
--color-sienna-950: #2d1203;
}SCSS
$sienna: #a45823;
$sienna-rgb: 164, 88, 35;
$sienna-light: mix(#fff, $sienna, 20%);
$sienna-dark: mix(#000, $sienna, 20%);
.element {
color: $sienna;
box-shadow: 0 0 0 2px rgba($sienna, 0.35);
}