Colore con nome · #565143
Grime
Grime è #565143: rgb(86 81 67), hsl(44 12% 30%), oklch(0.435 0.023 90.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Grime color name →
#565143
oklch(0.435 0.023 90.7)
Conversioni di colore
- HEX
- #565143
- RGB
- rgb(86 81 67)
- HSL
- hsl(44 12% 30%)
- HWB
- hwb(44 26% 66%)
- OKLCH
- oklch(0.435 0.023 90.7)
- OKLab
- oklab(0.435 0 0.023)
- CIE Lab
- lab(34.62 0.16 9.05)
- LCH
- lch(34.62 9.05 89)
- CMYK
- cmyk(0% 6% 22% 66%)
Tinte · Ombre · Toni
Tinte
- 656154
- 757165
- 858177
- 969289
- A6A49C
- B8B5AF
- C9C7C2
- DBDAD6
- EDECEA
Ombre
- 4A4539
- 3E3A2F
- 322F26
- 27241D
- 1C1A14
- 12100C
- 080705
- 020201
- 000000
Toni
- 5A5649
- 5E5A4F
- 625F55
- 66635B
- 6B6861
- 6F6D67
- 73726D
- 777673
- 7C7B7A
Armonie di colore
Complementare +180°
- 565143
Grime
- 4C515E
≈ Senate
Analogo -30° +30°
- 565143
Grime
- 5B4F45
≈ Warm Pumpernickel
- 4F5345
≈ Forestwood
Triadico +120° +240°
- 565143
Grime
- 435558
≈ Asagi Koi
- 594D57
≈ Purple Empire
Complementare divisa +150° +210°
- 565143
Grime
- 46535D
≈ Nightfall
- 534F5C
≈ Salvation
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.91:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.65:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 7.91:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--grime: #565143;
--grime-rgb: 86 81 67;
--grime-oklch: oklch(0.435 0.023 90.7);
}
.element {
color: var(--grime);
background-color: hsl(44 12% 30%);
border-color: oklch(0.435 0.023 90.7);
}Tailwind CSS v4
@theme {
--color-grime: #565143;
--color-grime-50: #f7f5ee;
--color-grime-100: #eae8df;
--color-grime-200: #d7d4c9;
--color-grime-300: #bbb7aa;
--color-grime-400: #a39e8f;
--color-grime-500: #8c8675;
--color-grime-600: #767163;
--color-grime-700: #5f5b4f;
--color-grime-800: #464239;
--color-grime-900: #302e27;
--color-grime-950: #1c1a15;
}SCSS
$grime: #565143;
$grime-rgb: 86, 81, 67;
$grime-light: mix(#fff, $grime, 20%);
$grime-dark: mix(#000, $grime, 20%);
.element {
color: $grime;
box-shadow: 0 0 0 2px rgba($grime, 0.35);
}