Colore con nome · #88564C
Potter’s Rock
Potter’s Rock è #88564C: rgb(136 86 76), hsl(10 28% 42%), oklch(0.506 0.069 31.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Potter’s Rock color name →
#88564C
oklch(0.506 0.069 31.9)
Conversioni di colore
- HEX
- #88564c
- RGB
- rgb(136 86 76)
- HSL
- hsl(10 28% 42%)
- HWB
- hwb(10 30% 47%)
- OKLCH
- oklch(0.506 0.069 31.9)
- OKLab
- oklab(0.506 0.059 0.036)
- CIE Lab
- lab(42.13 20.42 14.91)
- LCH
- lch(42.13 25.28 36.1)
- CMYK
- cmyk(0% 37% 44% 47%)
Tinte · Ombre · Toni
Tinte
- 94665C
- A0766D
- AC867E
- B89790
- C4A7A1
- D0B8B4
- DCCAC6
- E7DBD9
- F3EDEC
Ombre
- 754A41
- 633E36
- 52322C
- 412722
- 311C18
- 22120F
- 130806
- 060202
- 010000
Toni
- 885A51
- 875F56
- 87635C
- 866761
- 866B66
- 85706B
- 847470
- 837876
- 817C7B
Armonie di colore
Complementare +180°
- 88564C
Potter’s Rock
- 2D6F7C
≈ Tlāloc Blue
Analogo -30° +30°
- 88564C
Potter’s Rock
- 865462
≈ Renaissance Rose
- 825C3A
≈ Japanese Iris
Triadico +120° +240°
- 88564C
Potter’s Rock
- 467051
≈ Fairway
- 57638D
≈ Karmic Grape
Complementare divisa +150° +210°
- 88564C
Potter’s Rock
- 307268
≈ Imperial Dynasty
- 3F6A89
≈ Team Spirit
Tetradico +90° +180° +270°
- 88564C
Potter’s Rock
- 5E6B3E
≈ Globe Artichoke
- 2D6F7C
≈ Tlāloc Blue
- 6C5C86
≈ Kimberly
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.03:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.48:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 6.03:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--potter-s-rock: #88564c;
--potter-s-rock-rgb: 136 86 76;
--potter-s-rock-oklch: oklch(0.506 0.069 31.9);
}
.element {
color: var(--potter-s-rock);
background-color: hsl(10 28% 42%);
border-color: oklch(0.506 0.069 31.9);
}Tailwind CSS v4
@theme {
--color-potter-s-rock: #88564c;
--color-potter-s-rock-50: #ffefe8;
--color-potter-s-rock-100: #fee0d9;
--color-potter-s-rock-200: #f0cac1;
--color-potter-s-rock-300: #d8aba0;
--color-potter-s-rock-400: #c49085;
--color-potter-s-rock-500: #af7569;
--color-potter-s-rock-600: #946359;
--color-potter-s-rock-700: #774f47;
--color-potter-s-rock-800: #583934;
--color-potter-s-rock-900: #3d2724;
--color-potter-s-rock-950: #271512;
}SCSS
$potter-s-rock: #88564c;
$potter-s-rock-rgb: 136, 86, 76;
$potter-s-rock-light: mix(#fff, $potter-s-rock, 20%);
$potter-s-rock-dark: mix(#000, $potter-s-rock, 20%);
.element {
color: $potter-s-rock;
box-shadow: 0 0 0 2px rgba($potter-s-rock, 0.35);
}