Cor nomeada · #9B583C
Etruscan
Etruscan é #9B583C: rgb(155 88 60), hsl(18 44% 42%), oklch(0.532 0.098 43). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Etruscan color name →
#9B583C
oklch(0.532 0.098 43)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- A6684F
- B07862
- BB8974
- C59987
- CFAA9B
- D9BAAE
- E3CBC2
- ECDCD6
- F6EEEA
Sombras
- 864B33
- 723F2A
- 5E3321
- 4B2819
- 391D11
- 28120A
- 180904
- 090301
- 010000
Tons
- 995D44
- 97614B
- 956552
- 926959
- 906D5F
- 8D7166
- 8A756D
- 877973
- 847C7A
Harmonias de cor
Complementar +180°
- 9B583C
Etruscan
- 067895
≈ Celestial
Análoga -30° +30°
- 9B583C
Etruscan
- 9C535C
≈ Cuban Rhythm
- 8E6221
≈ Tapenade
Tríade +120° +240°
- 9B583C
Etruscan
- 287E5C
≈ Verdant Green
- 6564A3
≈ Blue Iris
Complementar dividida +150° +210°
- 9B583C
Etruscan
- 007D7B
≈ Parasailing
- 416FA3
≈ Mega Blue
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.44:1 · APCA Lc 77
Ag
FailSobre preto
WCAG 3.85:1 · APCA Lc 25
Melhor cor de texto: #FFFFFF
WCAG 5.44:1 (AA) · APCA Lc 77
Contrast pairs
Trechos de código
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);
}