Nazwany kolor · #576648
Jalapeño Bouquet
Jalapeño Bouquet to #576648: rgb(87 102 72), hsl(90 17% 34%), oklch(0.489 0.05 129.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Jalapeño Bouquet color name →
#576648
oklch(0.489 0.05 129.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 667459
- 76836A
- 86917B
- 96A08D
- A7B09F
- B8BFB2
- C9CFC5
- DBDFD8
- EDEFEB
Odcienie ciemniejsze
- 4B583D
- 3E4A33
- 333C29
- 272F1F
- 1C2316
- 12170D
- 080C06
- 030402
- 000000
Tony
- 5B694E
- 5F6B53
- 636E59
- 67705E
- 6B7364
- 6F766A
- 73786F
- 787B75
- 7C7D7A
Harmonie kolorów
Komplementarna +180°
- 576648
Jalapeño Bouquet
- 695976
≈ Indigo Red
Analogowa -30° +30°
- 576648
Jalapeño Bouquet
- 676140
≈ Glossy Olive
- 476956
≈ June Ivy
Triada +120° +240°
- 576648
Jalapeño Bouquet
- 4A637C
≈ Stellar
- 79555A
≈ Czarina
Komplementarna rozszczepiona +150° +210°
- 576648
Jalapeño Bouquet
- 5A5D7C
≈ When Worlds Collide
- 745569
≈ Hothouse Orchid
Tetrada +90° +180° +270°
- 576648
Jalapeño Bouquet
- 3F6774
≈ Barbados
- 695976
≈ Indigo Red
- 79574B
≈ Roxy Brown
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.17:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.39:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.17:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
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);
}