Named color · #9B583C
Etruscan
Etruscan is #9B583C: rgb(155 88 60), hsl(18 44% 42%), oklch(0.532 0.098 43). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Etruscan color name →
#9B583C
oklch(0.532 0.098 43)
Color conversions
- HEX
- #9b583c
- RGB
- rgb(155 88 60)
- HSL
- hsl(18 44% 42%)
- HWB
- hwb(18 24% 39%)
- OKLCH
- oklch(0.532 0.098 43)
- OKLab
- oklab(0.532 0.071 0.067)
- CIE Lab
- lab(45.03 26.34 28.65)
- LCH
- lch(45.03 38.92 47.4)
- CMYK
- cmyk(0% 43% 61% 39%)
Tints · Shades · Tones
Tints
- A6684F
- B07862
- BB8974
- C59987
- CFAA9B
- D9BAAE
- E3CBC2
- ECDCD6
- F6EEEA
Shades
- 864B33
- 723F2A
- 5E3321
- 4B2819
- 391D11
- 28120A
- 180904
- 090301
- 010000
Tones
- 995D44
- 97614B
- 956552
- 926959
- 906D5F
- 8D7166
- 8A756D
- 877973
- 847C7A
Color harmonies
Complementary +180°
- 9B583C
Etruscan
- 067895
≈ Celestial
Analogous -30° +30°
- 9B583C
Etruscan
- 9C535C
≈ Cuban Rhythm
- 8E6221
≈ Tapenade
Triadic +120° +240°
- 9B583C
Etruscan
- 287E5C
≈ Verdant Green
- 6564A3
≈ Blue Iris
Split-complementary +150° +210°
- 9B583C
Etruscan
- 007D7B
≈ Parasailing
- 416FA3
≈ Mega Blue
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 5.44:1 · APCA Lc 77
Ag
FailOn black
WCAG 3.85:1 · APCA Lc 25
Best text color: #FFFFFF
WCAG 5.44:1 (AA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--etruscan: #9b583c;
--etruscan-rgb: 155 88 60;
--etruscan-oklch: oklch(0.532 0.098 43);
}
.element {
color: var(--etruscan);
background-color: hsl(18 44% 42%);
border-color: oklch(0.532 0.098 43);
}Tailwind CSS v4
@theme {
--color-etruscan: #9b583c;
--color-etruscan-50: #ffeddf;
--color-etruscan-100: #ffdece;
--color-etruscan-200: #f9c8b2;
--color-etruscan-300: #e2a88e;
--color-etruscan-400: #d08b6f;
--color-etruscan-500: #bc6f4f;
--color-etruscan-600: #9f5f44;
--color-etruscan-700: #7f4b36;
--color-etruscan-800: #5f3627;
--color-etruscan-900: #42251a;
--color-etruscan-950: #2b130b;
}SCSS
$etruscan: #9b583c;
$etruscan-rgb: 155, 88, 60;
$etruscan-light: mix(#fff, $etruscan, 20%);
$etruscan-dark: mix(#000, $etruscan, 20%);
.element {
color: $etruscan;
box-shadow: 0 0 0 2px rgba($etruscan, 0.35);
}