Colore con nome · #885D62
Rabbit Paws
Rabbit Paws è #885D62: rgb(136 93 98), hsl(353 19% 45%), oklch(0.526 0.057 11.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Rabbit Paws color name →
#885D62
oklch(0.526 0.057 11.5)
Conversioni di colore
- HEX
- #885d62
- RGB
- rgb(136 93 98)
- HSL
- hsl(353 19% 45%)
- HWB
- hwb(353 36% 47%)
- OKLCH
- oklch(0.526 0.057 11.5)
- OKLab
- oklab(0.526 0.056 0.011)
- CIE Lab
- lab(44.33 18.67 4.62)
- LCH
- lch(44.33 19.23 13.9)
- CMYK
- cmyk(0% 32% 28% 47%)
Tinte · Ombre · Toni
Tinte
- 946C70
- A07B7F
- AC8B8E
- B79B9E
- C3ABAD
- CFBBBD
- DBCCCD
- E7DDDE
- F3EEEE
Ombre
- 755054
- 634347
- 52373A
- 412A2D
- 311F21
- 221416
- 130A0B
- 060303
- 010000
Toni
- 886165
- 876468
- 86686B
- 866B6E
- 856F71
- 847274
- 837677
- 82797A
- 817D7D
Armonie di colore
Complementare +180°
- 885D62
Rabbit Paws
- 407573
≈ Surf Green
Analogo -30° +30°
- 885D62
Rabbit Paws
- 825E74
≈ Purple Gumdrop
- 876051
≈ How Now
Triadico +120° +240°
- 885D62
Rabbit Paws
- 5F724F
≈ Greenfield
- 526D8B
≈ Berry Pie
Complementare divisa +150° +210°
- 885D62
Rabbit Paws
- 4C7560
≈ Green Valley
- 437282
≈ Wild River
Tetradico +90° +180° +270°
- 885D62
Rabbit Paws
- 716C45
≈ Capulet Olive
- 407573
≈ Surf Green
- 65678B
≈ Twilight Purple
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.54:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.78:1 · APCA Lc 24
Miglior colore del testo: #FFFFFF
WCAG 5.54:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--rabbit-paws: #885d62;
--rabbit-paws-rgb: 136 93 98;
--rabbit-paws-oklch: oklch(0.526 0.057 11.5);
}
.element {
color: var(--rabbit-paws);
background-color: hsl(353 19% 45%);
border-color: oklch(0.526 0.057 11.5);
}Tailwind CSS v4
@theme {
--color-rabbit-paws: #885d62;
--color-rabbit-paws-50: #ffeff0;
--color-rabbit-paws-100: #fae1e2;
--color-rabbit-paws-200: #eccbcd;
--color-rabbit-paws-300: #d3acaf;
--color-rabbit-paws-400: #bd9196;
--color-rabbit-paws-500: #a8777c;
--color-rabbit-paws-600: #8e6569;
--color-rabbit-paws-700: #725054;
--color-rabbit-paws-800: #543a3e;
--color-rabbit-paws-900: #3b282b;
--color-rabbit-paws-950: #251618;
}SCSS
$rabbit-paws: #885d62;
$rabbit-paws-rgb: 136, 93, 98;
$rabbit-paws-light: mix(#fff, $rabbit-paws, 20%);
$rabbit-paws-dark: mix(#000, $rabbit-paws, 20%);
.element {
color: $rabbit-paws;
box-shadow: 0 0 0 2px rgba($rabbit-paws, 0.35);
}