Colore con nome · #576648
Jalapeño Bouquet
Jalapeño Bouquet è #576648: rgb(87 102 72), hsl(90 17% 34%), oklch(0.489 0.05 129.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Jalapeño Bouquet color name →
#576648
oklch(0.489 0.05 129.7)
Conversioni di colore
- HEX
- #576648
- RGB
- rgb(87 102 72)
- HSL
- hsl(90 17% 34%)
- HWB
- hwb(90 28% 60%)
- OKLCH
- oklch(0.489 0.05 129.7)
- OKLab
- oklab(0.489 -0.032 0.038)
- CIE Lab
- lab(41.28 -10.41 15.04)
- LCH
- lch(41.28 18.3 124.7)
- CMYK
- cmyk(15% 0% 29% 60%)
Tinte · Ombre · Toni
Tinte
- 667459
- 76836A
- 86917B
- 96A08D
- A7B09F
- B8BFB2
- C9CFC5
- DBDFD8
- EDEFEB
Ombre
- 4B583D
- 3E4A33
- 333C29
- 272F1F
- 1C2316
- 12170D
- 080C06
- 030402
- 000000
Toni
- 5B694E
- 5F6B53
- 636E59
- 67705E
- 6B7364
- 6F766A
- 73786F
- 787B75
- 7C7D7A
Armonie di colore
Complementare +180°
- 576648
Jalapeño Bouquet
- 695976
≈ Indigo Red
Analogo -30° +30°
- 576648
Jalapeño Bouquet
- 676140
≈ Glossy Olive
- 476956
≈ June Ivy
Triadico +120° +240°
- 576648
Jalapeño Bouquet
- 4A637C
≈ Stellar
- 79555A
≈ Czarina
Complementare divisa +150° +210°
- 576648
Jalapeño Bouquet
- 5A5D7C
≈ When Worlds Collide
- 745569
≈ Hothouse Orchid
Tetradico +90° +180° +270°
- 576648
Jalapeño Bouquet
- 3F6774
≈ Barbados
- 695976
≈ Indigo Red
- 79574B
≈ Roxy Brown
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.17:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.39:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.17:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--jalapeno-bouquet: #576648;
--jalapeno-bouquet-rgb: 87 102 72;
--jalapeno-bouquet-oklch: oklch(0.489 0.05 129.7);
}
.element {
color: var(--jalapeno-bouquet);
background-color: hsl(90 17% 34%);
border-color: oklch(0.489 0.05 129.7);
}Tailwind CSS v4
@theme {
--color-jalapeno-bouquet: #576648;
--color-jalapeno-bouquet-50: #f0f8ea;
--color-jalapeno-bouquet-100: #e2ecdb;
--color-jalapeno-bouquet-200: #cdd9c3;
--color-jalapeno-bouquet-300: #aebda3;
--color-jalapeno-bouquet-400: #95a586;
--color-jalapeno-bouquet-500: #7c8d6a;
--color-jalapeno-bouquet-600: #69775a;
--color-jalapeno-bouquet-700: #546048;
--color-jalapeno-bouquet-800: #3d4633;
--color-jalapeno-bouquet-900: #2a3023;
--color-jalapeno-bouquet-950: #181d12;
}SCSS
$jalapeno-bouquet: #576648;
$jalapeno-bouquet-rgb: 87, 102, 72;
$jalapeno-bouquet-light: mix(#fff, $jalapeno-bouquet, 20%);
$jalapeno-bouquet-dark: mix(#000, $jalapeno-bouquet, 20%);
.element {
color: $jalapeno-bouquet;
box-shadow: 0 0 0 2px rgba($jalapeno-bouquet, 0.35);
}