Adlandırılmış renk · #6D8A74
Capsella
Capsella, #6D8A74: rgb(109 138 116), hsl(134 12% 48%), oklch(0.604 0.047 152.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Capsella color name →
#6D8A74
oklch(0.604 0.047 152.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7B9581
- 89A08E
- 97AC9C
- A5B7A9
- B4C3B7
- C3CFC5
- D1DBD3
- E0E7E2
- F0F3F0
Koyu tonlar
- 5E7764
- 4F6554
- 415345
- 334237
- 263229
- 19221B
- 0D140F
- 040705
- 010101
Gri tonlar
- 6F8975
- 718876
- 738778
- 758679
- 77857A
- 79847B
- 7B837C
- 7C827E
- 7E817F
Renk uyumları
Tamamlayıcı +180°
- 6D8A74
Capsella
- 93788E
≈ Muted Berry
Analog -30° +30°
- 6D8A74
Capsella
- 7C8667
≈ Swedish Clover
- 628B84
≈ Chlorite
Üçlü +120° +240°
- 6D8A74
Capsella
- 78809E
≈ Positively Purple
- 9C7870
≈ Southern Road
Bölünmüş tamamlayıcı +150° +210°
- 6D8A74
Capsella
- 877B99
≈ Relic
- 9A767F
≈ Bohemian Jazz
Dörtlü +90° +180° +270°
- 6D8A74
Capsella
- 69859C
≈ Lakeville
- 93788E
≈ Muted Berry
- 967C65
≈ Lover’s Leap
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.79:1 · APCA Lc 65
Ag
AASiyah üzerinde
WCAG 5.53:1 · APCA Lc 36
En iyi metin rengi: #000000
WCAG 5.53:1 (AA) · APCA Lc 36
Contrast pairs
Kod parçacıkları
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);
}