Cor nomeada · #483838
Warm Operator’s Overalls
Warm Operator’s Overalls é #483838: rgb(72 56 56), hsl(0 13% 25%), oklch(0.358 0.023 18.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Warm Operator’s Overalls color name →
#483838
oklch(0.358 0.023 18.3)
Conversões de cor
- HEX
- #483838
- RGB
- rgb(72 56 56)
- HSL
- hsl(0 13% 25%)
- HWB
- hwb(0 22% 72%)
- OKLCH
- oklch(0.358 0.023 18.3)
- OKLab
- oklab(0.358 0.022 0.007)
- CIE Lab
- lab(25.31 7.32 2.84)
- LCH
- lch(25.31 7.85 21.2)
- CMYK
- cmyk(0% 22% 22% 72%)
Tons claros · Sombras · Tons
Tons claros
- 594949
- 6A5C5B
- 7B6E6E
- 8D8181
- 9F9595
- B2AAA9
- C4BEBE
- D8D3D3
- EBE9E9
Sombras
- 3D2F2F
- 332727
- 291F1F
- 1F1717
- 160F0F
- 0D0808
- 060404
- 020101
- 000000
Tons
- 4D3F3F
- 534646
- 594D4D
- 5E5454
- 645B5B
- 696262
- 6F6969
- 757171
- 7A7878
Harmonias de cor
Complementar +180°
- 483838
Warm Operator’s Overalls
- 2F4041
≈ Deep River Green
Análoga -30° +30°
- 483838
Warm Operator’s Overalls
- 46383F
≈ Priceless Purple
- 473932
≈ Film Noir
Tríade +120° +240°
- 483838
Warm Operator’s Overalls
- 374034
≈ Kombu Green
- 353D49
≈ Mountain Fig
Complementar dividida +150° +210°
- 483838
Warm Operator’s Overalls
- 31413A
≈ Roycroft Bottle Green
- 303F46
≈ Big Stone
Tétrade +90° +180° +270°
- 483838
Warm Operator’s Overalls
- 3D3E30
≈ Scrub
- 2F4041
≈ Deep River Green
- 3C3B48
≈ Mountain Fig
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 11.06:1 · APCA Lc 96
Ag
FailSobre preto
WCAG 1.89:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 11.06:1 (AAA) · APCA Lc 96
Contrast pairs
Trechos de código
CSS
:root {
--warm-operator-s-overalls: #483838;
--warm-operator-s-overalls-rgb: 72 56 56;
--warm-operator-s-overalls-oklch: oklch(0.358 0.023 18.3);
}
.element {
color: var(--warm-operator-s-overalls);
background-color: hsl(0 13% 25%);
border-color: oklch(0.358 0.023 18.3);
}Tailwind CSS v4
@theme {
--color-warm-operator-s-overalls: #483838;
--color-warm-operator-s-overalls-50: #fcf3f2;
--color-warm-operator-s-overalls-100: #efe5e5;
--color-warm-operator-s-overalls-200: #ded1d0;
--color-warm-operator-s-overalls-300: #c3b3b2;
--color-warm-operator-s-overalls-400: #ac9999;
--color-warm-operator-s-overalls-500: #958080;
--color-warm-operator-s-overalls-600: #7e6d6d;
--color-warm-operator-s-overalls-700: #655757;
--color-warm-operator-s-overalls-800: #4a3f40;
--color-warm-operator-s-overalls-900: #332c2c;
--color-warm-operator-s-overalls-950: #1f1919;
}SCSS
$warm-operator-s-overalls: #483838;
$warm-operator-s-overalls-rgb: 72, 56, 56;
$warm-operator-s-overalls-light: mix(#fff, $warm-operator-s-overalls, 20%);
$warm-operator-s-overalls-dark: mix(#000, $warm-operator-s-overalls, 20%);
.element {
color: $warm-operator-s-overalls;
box-shadow: 0 0 0 2px rgba($warm-operator-s-overalls, 0.35);
}