Adlandırılmış renk · #76856A
Wreath
Wreath, #76856A: rgb(118 133 106), hsl(93 11% 47%), oklch(0.597 0.044 131.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Wreath color name →
#76856A
oklch(0.597 0.044 131.4)
Renk dönüşümleri
- HEX
- #76856a
- RGB
- rgb(118 133 106)
- HSL
- hsl(93 11% 47%)
- HWB
- hwb(93 42% 48%)
- OKLCH
- oklch(0.597 0.044 131.4)
- OKLab
- oklab(0.597 -0.029 0.033)
- CIE Lab
- lab(53.73 -9.62 12.7)
- LCH
- lch(53.73 15.93 127.2)
- CMYK
- cmyk(11% 0% 20% 48%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 839178
- 909C86
- 9DA895
- ABB4A3
- B8C0B2
- C6CDC1
- D4D9D0
- E2E6E0
- F1F2EF
Koyu tonlar
- 66735B
- 56614D
- 47503F
- 384031
- 293024
- 1C2118
- 0F130D
- 050604
- 010100
Gri tonlar
- 77856C
- 78846F
- 798471
- 7A8373
- 7B8375
- 7C8277
- 7D827A
- 7E817C
- 7F817E
Renk uyumları
Tamamlayıcı +180°
- 76856A
Wreath
- 887893
≈ Self Powered
Analog -30° +30°
- 76856A
Wreath
- 848062
≈ Olive Haze
- 688877
≈ Green Adirondack
Üçlü +120° +240°
- 76856A
Wreath
- 6C8199
≈ Grey Blueberry
- 977579
≈ March Pink
Bölünmüş tamamlayıcı +150° +210°
- 76856A
Wreath
- 7A7D99
≈ Waterloo
- 927587
≈ Tragic Juliet
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.93:1 · APCA Lc 67
Ag
AASiyah üzerinde
WCAG 5.33:1 · APCA Lc 35
En iyi metin rengi: #000000
WCAG 5.33:1 (AA) · APCA Lc 35
Contrast pairs
Kod parçacıkları
CSS
:root {
--wreath: #76856a;
--wreath-rgb: 118 133 106;
--wreath-oklch: oklch(0.597 0.044 131.4);
}
.element {
color: var(--wreath);
background-color: hsl(93 11% 47%);
border-color: oklch(0.597 0.044 131.4);
}Tailwind CSS v4
@theme {
--color-wreath: #76856a;
--color-wreath-50: #f0f8eb;
--color-wreath-100: #e2ebdd;
--color-wreath-200: #cdd9c6;
--color-wreath-300: #afbda6;
--color-wreath-400: #95a48a;
--color-wreath-500: #7c8d6f;
--color-wreath-600: #69775e;
--color-wreath-700: #545f4b;
--color-wreath-800: #3e4636;
--color-wreath-900: #2a3025;
--color-wreath-950: #181c13;
}SCSS
$wreath: #76856a;
$wreath-rgb: 118, 133, 106;
$wreath-light: mix(#fff, $wreath, 20%);
$wreath-dark: mix(#000, $wreath, 20%);
.element {
color: $wreath;
box-shadow: 0 0 0 2px rgba($wreath, 0.35);
}