Colore con nome · #8C7F3C
Peas Please
Peas Please è #8C7F3C: rgb(140 127 60), hsl(50 40% 39%), oklch(0.594 0.089 98.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Peas Please color name →
#8C7F3C
oklch(0.594 0.089 98.5)
Conversioni di colore
- HEX
- #8c7f3c
- RGB
- rgb(140 127 60)
- HSL
- hsl(50 40% 39%)
- HWB
- hwb(50 24% 45%)
- OKLCH
- oklch(0.594 0.089 98.5)
- OKLab
- oklab(0.594 -0.013 0.088)
- CIE Lab
- lab(53.3 -1.49 37.65)
- LCH
- lch(53.3 37.68 92.3)
- CMYK
- cmyk(0% 9% 57% 45%)
Tinte · Ombre · Toni
Tinte
- 978B50
- A29864
- ADA477
- B8B18A
- C4BE9D
- CFCBB0
- DBD7C4
- E7E5D7
- F3F2EB
Ombre
- 796E33
- 675D2A
- 554C21
- 433C19
- 332D11
- 231F0A
- 141104
- 070601
- 010100
Toni
- 8B7F45
- 8A804C
- 888054
- 87805B
- 868061
- 858068
- 83806E
- 828074
- 81807A
Armonie di colore
Complementare +180°
- 8C7F3C
Peas Please
- 7279B3
≈ Magic Moment
Analogo -30° +30°
- 8C7F3C
Peas Please
- A17440
≈ Red-Tailed-Hawk
- 6E894E
≈ Green Suede
Triadico +120° +240°
- 8C7F3C
Peas Please
- 338BA2
≈ Scooter
- A16990
≈ Berry Pretty
Complementare divisa +150° +210°
- 8C7F3C
Peas Please
- 5283B1
≈ Ship’s Harbour
- 8D70A7
≈ Fairy Wren
Tetradico +90° +180° +270°
- 8C7F3C
Peas Please
- 2E8F89
≈ Taos Turquoise
- 7279B3
≈ Magic Moment
- AC6774
≈ Berry Crush
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.02:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.21:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.21:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--peas-please: #8c7f3c;
--peas-please-rgb: 140 127 60;
--peas-please-oklch: oklch(0.594 0.089 98.5);
}
.element {
color: var(--peas-please);
background-color: hsl(50 40% 39%);
border-color: oklch(0.594 0.089 98.5);
}Tailwind CSS v4
@theme {
--color-peas-please: #8c7f3c;
--color-peas-please-50: #faf6da;
--color-peas-please-100: #eee9c8;
--color-peas-please-200: #dcd6aa;
--color-peas-please-300: #c1b984;
--color-peas-please-400: #ac9f60;
--color-peas-please-500: #95873b;
--color-peas-please-600: #7e7233;
--color-peas-please-700: #655b29;
--color-peas-please-800: #4b421b;
--color-peas-please-900: #342e12;
--color-peas-please-950: #201a04;
}SCSS
$peas-please: #8c7f3c;
$peas-please-rgb: 140, 127, 60;
$peas-please-light: mix(#fff, $peas-please, 20%);
$peas-please-dark: mix(#000, $peas-please, 20%);
.element {
color: $peas-please;
box-shadow: 0 0 0 2px rgba($peas-please, 0.35);
}