Adlandırılmış renk · #758067
Beech Fern
Beech Fern, #758067: rgb(117 128 103), hsl(86 11% 45%), oklch(0.584 0.039 126.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Beech Fern color name →
#758067
oklch(0.584 0.039 126.9)
Renk dönüşümleri
- HEX
- #758067
- RGB
- rgb(117 128 103)
- HSL
- hsl(86 11% 45%)
- HWB
- hwb(86 40% 50%)
- OKLCH
- oklch(0.584 0.039 126.9)
- OKLab
- oklab(0.584 -0.024 0.031)
- CIE Lab
- lab(52.12 -7.82 12.19)
- LCH
- lch(52.12 14.49 122.7)
- CMYK
- cmyk(9% 0% 20% 50%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 828C75
- 8F9884
- 9CA492
- AAB1A1
- B8BEB0
- C6CAC0
- D4D7CF
- E2E4DF
- F0F2EF
Koyu tonlar
- 656E59
- 555D4B
- 464D3D
- 373D30
- 292E23
- 1C1F17
- 0F120C
- 050604
- 010100
Gri tonlar
- 76806A
- 77806C
- 78806F
- 798071
- 7A8074
- 7C8076
- 7D8079
- 7E807B
- 7F807E
Renk uyumları
Tamamlayıcı +180°
- 758067
Beech Fern
- 81768E
≈ Mythical
Analog -30° +30°
- 758067
Beech Fern
- 827C61
≈ Thurman
- 698372
≈ Wild Beet Leaf
Üçlü +120° +240°
- 758067
Beech Fern
- 697E92
≈ Cascade Tour
- 917277
≈ Myself
Bölünmüş tamamlayıcı +150° +210°
- 758067
Beech Fern
- 757A93
≈ Smokey Denim
- 8B7384
≈ Charming Violet
Dörtlü +90° +180° +270°
- 758067
Beech Fern
- 61828B
≈ Windy Seas
- 81768E
≈ Mythical
- 91746B
≈ Woodchuck
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.16:1 · APCA Lc 69
Ag
AASiyah üzerinde
WCAG 5.03:1 · APCA Lc 33
En iyi metin rengi: #000000
WCAG 5.03:1 (AA) · APCA Lc 33
Contrast pairs
Kod parçacıkları
CSS
:root {
--beech-fern: #758067;
--beech-fern-rgb: 117 128 103;
--beech-fern-oklch: oklch(0.584 0.039 126.9);
}
.element {
color: var(--beech-fern);
background-color: hsl(86 11% 45%);
border-color: oklch(0.584 0.039 126.9);
}Tailwind CSS v4
@theme {
--color-beech-fern: #758067;
--color-beech-fern-50: #f2f8ec;
--color-beech-fern-100: #e4ebdd;
--color-beech-fern-200: #cfd8c6;
--color-beech-fern-300: #b1bca7;
--color-beech-fern-400: #98a38a;
--color-beech-fern-500: #7f8b6f;
--color-beech-fern-600: #6c765e;
--color-beech-fern-700: #565e4b;
--color-beech-fern-800: #3f4536;
--color-beech-fern-900: #2b3025;
--color-beech-fern-950: #191c14;
}SCSS
$beech-fern: #758067;
$beech-fern-rgb: 117, 128, 103;
$beech-fern-light: mix(#fff, $beech-fern, 20%);
$beech-fern-dark: mix(#000, $beech-fern, 20%);
.element {
color: $beech-fern;
box-shadow: 0 0 0 2px rgba($beech-fern, 0.35);
}