Adlandırılmış renk · #8D9679
Leafy Rise
Leafy Rise, #8D9679: rgb(141 150 121), hsl(79 12% 53%), oklch(0.658 0.043 121.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Leafy Rise color name →
#8D9679
oklch(0.658 0.043 121.6)
Renk dönüşümleri
- HEX
- #8d9679
- RGB
- rgb(141 150 121)
- HSL
- hsl(79 12% 53%)
- HWB
- hwb(79 47% 41%)
- OKLCH
- oklch(0.658 0.043 121.6)
- OKLab
- oklab(0.658 -0.022 0.036)
- CIE Lab
- lab(60.74 -7.34 14.21)
- LCH
- lch(60.74 16 117.3)
- CMYK
- cmyk(6% 0% 19% 41%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 98A086
- A3AA93
- AEB5A0
- B9BFAD
- C4C9BA
- D0D4C8
- DBDFD5
- E7E9E3
- F3F4F1
Koyu tonlar
- 7A8268
- 676E58
- 555B48
- 444939
- 33372B
- 23261D
- 141610
- 070805
- 010101
Gri tonlar
- 8C947A
- 8A927B
- 898F7B
- 888D7C
- 868B7D
- 85897E
- 84877E
- 83847F
- 81827F
Renk uyumları
Tamamlayıcı +180°
- 8D9679
Leafy Rise
- 968CA8
≈ Futuristic
Analog -30° +30°
- 8D9679
Leafy Rise
- 9B9174
≈ Mossy Gold
- 7F9985
≈ Parisian Patina
Üçlü +120° +240°
- 8D9679
Leafy Rise
- 7B95AA
≈ Nordland Blue
- A98790
≈ Fig Fruit Mauve
Bölünmüş tamamlayıcı +150° +210°
- 8D9679
Leafy Rise
- 8891AC
≈ Papilio Argeotus
- A2889E
≈ Radiant Lilac
Dörtlü +90° +180° +270°
- 8D9679
Leafy Rise
- 7399A1
≈ Alexandrite Teal
- 968CA8
≈ Futuristic
- AA8881
≈ Bedford Brown
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.10:1 · APCA Lc 58
Ag
AASiyah üzerinde
WCAG 6.77:1 · APCA Lc 44
En iyi metin rengi: #000000
WCAG 6.77:1 (AA) · APCA Lc 44
Contrast pairs
Kod parçacıkları
CSS
:root {
--leafy-rise: #8d9679;
--leafy-rise-rgb: 141 150 121;
--leafy-rise-oklch: oklch(0.658 0.043 121.6);
}
.element {
color: var(--leafy-rise);
background-color: hsl(79 12% 53%);
border-color: oklch(0.658 0.043 121.6);
}Tailwind CSS v4
@theme {
--color-leafy-rise: #8d9679;
--color-leafy-rise-50: #f2f7ea;
--color-leafy-rise-100: #e5ebdb;
--color-leafy-rise-200: #d0d8c4;
--color-leafy-rise-300: #b3bba4;
--color-leafy-rise-400: #9aa387;
--color-leafy-rise-500: #818b6b;
--color-leafy-rise-600: #6d765b;
--color-leafy-rise-700: #575e49;
--color-leafy-rise-800: #404534;
--color-leafy-rise-900: #2c2f23;
--color-leafy-rise-950: #191c12;
}SCSS
$leafy-rise: #8d9679;
$leafy-rise-rgb: 141, 150, 121;
$leafy-rise-light: mix(#fff, $leafy-rise, 20%);
$leafy-rise-dark: mix(#000, $leafy-rise, 20%);
.element {
color: $leafy-rise;
box-shadow: 0 0 0 2px rgba($leafy-rise, 0.35);
}