Nazwany kolor · #7C8447
Fresh Artichoke
Fresh Artichoke to #7C8447: rgb(124 132 71), hsl(68 30% 40%), oklch(0.592 0.085 115.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Fresh Artichoke color name →
#7C8447
oklch(0.592 0.085 115.2)
Konwersje koloru
- HEX
- #7c8447
- RGB
- rgb(124 132 71)
- HSL
- hsl(68 30% 40%)
- HWB
- hwb(68 28% 48%)
- OKLCH
- oklch(0.592 0.085 115.2)
- OKLab
- oklab(0.592 -0.036 0.076)
- CIE Lab
- lab(53.39 -10.33 31.68)
- LCH
- lch(53.39 33.32 108.1)
- CMYK
- cmyk(6% 0% 46% 48%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 889059
- 959C6B
- A1A87D
- AEB48F
- BBC0A2
- C8CDB4
- D6D9C6
- E3E6D9
- F1F2EC
Odcienie ciemniejsze
- 6B723D
- 5A6032
- 4A4F28
- 3B3F1F
- 2C2F16
- 1E200D
- 111206
- 050602
- 010100
Tony
- 7C844E
- 7D8354
- 7D835A
- 7D8360
- 7E8266
- 7E826B
- 7F8271
- 7F8176
- 80817B
Harmonie kolorów
Komplementarna +180°
- 7C8447
Fresh Artichoke
- 8274AB
≈ Purple Rhapsody
Analogowa -30° +30°
- 7C8447
Fresh Artichoke
- 957A3F
≈ Gold Estate
- 5D8B5E
≈ Hippie Green
Triada +120° +240°
- 7C8447
Fresh Artichoke
- 4786A9
≈ Cornwall
- A66880
≈ Strawberry Mousse
Komplementarna rozszczepiona +150° +210°
- 7C8447
Fresh Artichoke
- 657DB1
≈ Marvellous
- 986C9A
≈ Tatarian Aster
Tetrada +90° +180° +270°
- 7C8447
Fresh Artichoke
- 328C96
≈ Aqueous
- 8274AB
≈ Purple Rhapsody
- AB6A64
≈ Brickyard
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.00:1 · APCA Lc 67
Ag
AANa czerni
WCAG 5.24:1 · APCA Lc 34
Najlepszy kolor tekstu: #000000
WCAG 5.24:1 (AA) · APCA Lc 34
Contrast pairs
Fragmenty kodu
CSS
:root {
--fresh-artichoke: #7c8447;
--fresh-artichoke-rgb: 124 132 71;
--fresh-artichoke-oklch: oklch(0.592 0.085 115.2);
}
.element {
color: var(--fresh-artichoke);
background-color: hsl(68 30% 40%);
border-color: oklch(0.592 0.085 115.2);
}Tailwind CSS v4
@theme {
--color-fresh-artichoke: #7c8447;
--color-fresh-artichoke-50: #f3f9de;
--color-fresh-artichoke-100: #e5eccd;
--color-fresh-artichoke-200: #d1dab1;
--color-fresh-artichoke-300: #b4be8c;
--color-fresh-artichoke-400: #9ca56a;
--color-fresh-artichoke-500: #848d48;
--color-fresh-artichoke-600: #70773e;
--color-fresh-artichoke-700: #595f31;
--color-fresh-artichoke-800: #424622;
--color-fresh-artichoke-900: #2e3016;
--color-fresh-artichoke-950: #1b1c07;
}SCSS
$fresh-artichoke: #7c8447;
$fresh-artichoke-rgb: 124, 132, 71;
$fresh-artichoke-light: mix(#fff, $fresh-artichoke, 20%);
$fresh-artichoke-dark: mix(#000, $fresh-artichoke, 20%);
.element {
color: $fresh-artichoke;
box-shadow: 0 0 0 2px rgba($fresh-artichoke, 0.35);
}