Colore con nome · #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). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Warm Operator’s Overalls color name →
#483838
oklch(0.358 0.023 18.3)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 594949
- 6A5C5B
- 7B6E6E
- 8D8181
- 9F9595
- B2AAA9
- C4BEBE
- D8D3D3
- EBE9E9
Ombre
- 3D2F2F
- 332727
- 291F1F
- 1F1717
- 160F0F
- 0D0808
- 060404
- 020101
- 000000
Toni
- 4D3F3F
- 534646
- 594D4D
- 5E5454
- 645B5B
- 696262
- 6F6969
- 757171
- 7A7878
Armonie di colore
Complementare +180°
- 483838
Warm Operator’s Overalls
- 2F4041
≈ Deep River Green
Analogo -30° +30°
- 483838
Warm Operator’s Overalls
- 46383F
≈ Priceless Purple
- 473932
≈ Film Noir
Triadico +120° +240°
- 483838
Warm Operator’s Overalls
- 374034
≈ Kombu Green
- 353D49
≈ Mountain Fig
Complementare divisa +150° +210°
- 483838
Warm Operator’s Overalls
- 31413A
≈ Roycroft Bottle Green
- 303F46
≈ Big Stone
Tetradico +90° +180° +270°
- 483838
Warm Operator’s Overalls
- 3D3E30
≈ Scrub
- 2F4041
≈ Deep River Green
- 3C3B48
≈ Mountain Fig
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.06:1 · APCA Lc 96
Ag
FailSu nero
WCAG 1.89:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.06:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
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);
}