Nazwany kolor · #6D8A74
Capsella
Capsella to #6D8A74: rgb(109 138 116), hsl(134 12% 48%), oklch(0.604 0.047 152.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Capsella color name →
#6D8A74
oklch(0.604 0.047 152.2)
Konwersje koloru
- HEX
- #6d8a74
- RGB
- rgb(109 138 116)
- HSL
- hsl(134 12% 48%)
- HWB
- hwb(134 43% 46%)
- OKLCH
- oklch(0.604 0.047 152.2)
- OKLab
- oklab(0.604 -0.041 0.022)
- CIE Lab
- lab(54.74 -14.2 8.29)
- LCH
- lch(54.74 16.44 149.7)
- CMYK
- cmyk(21% 0% 16% 46%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7B9581
- 89A08E
- 97AC9C
- A5B7A9
- B4C3B7
- C3CFC5
- D1DBD3
- E0E7E2
- F0F3F0
Odcienie ciemniejsze
- 5E7764
- 4F6554
- 415345
- 334237
- 263229
- 19221B
- 0D140F
- 040705
- 010101
Tony
- 6F8975
- 718876
- 738778
- 758679
- 77857A
- 79847B
- 7B837C
- 7C827E
- 7E817F
Harmonie kolorów
Komplementarna +180°
- 6D8A74
Capsella
- 93788E
≈ Muted Berry
Analogowa -30° +30°
- 6D8A74
Capsella
- 7C8667
≈ Swedish Clover
- 628B84
≈ Chlorite
Triada +120° +240°
- 6D8A74
Capsella
- 78809E
≈ Positively Purple
- 9C7870
≈ Southern Road
Komplementarna rozszczepiona +150° +210°
- 6D8A74
Capsella
- 877B99
≈ Relic
- 9A767F
≈ Bohemian Jazz
Tetrada +90° +180° +270°
- 6D8A74
Capsella
- 69859C
≈ Lakeville
- 93788E
≈ Muted Berry
- 967C65
≈ Lover’s Leap
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.79:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.53:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.53:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--capsella: #6d8a74;
--capsella-rgb: 109 138 116;
--capsella-oklch: oklch(0.604 0.047 152.2);
}
.element {
color: var(--capsella);
background-color: hsl(134 12% 48%);
border-color: oklch(0.604 0.047 152.2);
}Tailwind CSS v4
@theme {
--color-capsella: #6d8a74;
--color-capsella-50: #ebf9ef;
--color-capsella-100: #ddede1;
--color-capsella-200: #c6dacb;
--color-capsella-300: #a6bfad;
--color-capsella-400: #8aa791;
--color-capsella-500: #6f8f77;
--color-capsella-600: #5e7965;
--color-capsella-700: #4b6151;
--color-capsella-800: #37473a;
--color-capsella-900: #263128;
--color-capsella-950: #141d16;
}SCSS
$capsella: #6d8a74;
$capsella-rgb: 109, 138, 116;
$capsella-light: mix(#fff, $capsella, 20%);
$capsella-dark: mix(#000, $capsella, 20%);
.element {
color: $capsella;
box-shadow: 0 0 0 2px rgba($capsella, 0.35);
}