Adlandırılmış renk · #76857B
Limerick
Limerick, #76857B: rgb(118 133 123), hsl(140 6% 49%), oklch(0.601 0.023 156.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Limerick color name →
#76857B
oklch(0.601 0.023 156.5)
Renk dönüşümleri
- HEX
- #76857b
- RGB
- rgb(118 133 123)
- HSL
- hsl(140 6% 49%)
- HWB
- hwb(140 46% 48%)
- OKLCH
- oklch(0.601 0.023 156.5)
- OKLab
- oklab(0.601 -0.021 0.009)
- CIE Lab
- lab(54.08 -7.23 3.46)
- LCH
- lch(54.08 8.02 154.5)
- CMYK
- cmyk(11% 0% 8% 48%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 839187
- 909C94
- 9DA8A1
- ABB4AE
- B8C0BB
- C6CDC8
- D4D9D6
- E2E6E3
- F1F2F1
Koyu tonlar
- 66736A
- 56615A
- 47504A
- 38403A
- 29302C
- 1C211E
- 0F1310
- 050605
- 010101
Gri tonlar
- 77857C
- 78847C
- 79847D
- 7A837D
- 7B837E
- 7C827E
- 7D827F
- 7E817F
- 7F8180
Renk uyumları
Tamamlayıcı +180°
- 76857B
Limerick
- 8A7C86
≈ Mediaeval Wine
Analog -30° +30°
- 76857B
Limerick
- 7D8375
≈ Lush Sage
- 728583
≈ Portsmouth
Üçlü +120° +240°
- 76857B
Limerick
- 7D808F
≈ Majestic Mount
- 8E7C77
≈ Cinnamon Toast
Bölünmüş tamamlayıcı +150° +210°
- 76857B
Limerick
- 847D8C
≈ High Note
- 8E7B7E
≈ Ashen Violet
Dörtlü +90° +180° +270°
- 76857B
Limerick
- 76828E
≈ Battle Blue
- 8A7C86
≈ Mediaeval Wine
- 8A7E72
≈ Silt
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.88:1 · APCA Lc 66
Ag
AASiyah üzerinde
WCAG 5.41:1 · APCA Lc 35
En iyi metin rengi: #000000
WCAG 5.41:1 (AA) · APCA Lc 35
Contrast pairs
Kod parçacıkları
CSS
:root {
--limerick: #76857b;
--limerick-rgb: 118 133 123;
--limerick-oklch: oklch(0.601 0.023 156.5);
}
.element {
color: var(--limerick);
background-color: hsl(140 6% 49%);
border-color: oklch(0.601 0.023 156.5);
}Tailwind CSS v4
@theme {
--color-limerick: #76857b;
--color-limerick-50: #f0f7f3;
--color-limerick-100: #e2eae5;
--color-limerick-200: #ccd7d1;
--color-limerick-300: #aebbb3;
--color-limerick-400: #94a399;
--color-limerick-500: #7a8b80;
--color-limerick-600: #68766c;
--color-limerick-700: #535e57;
--color-limerick-800: #3c453f;
--color-limerick-900: #29302b;
--color-limerick-950: #171c19;
}SCSS
$limerick: #76857b;
$limerick-rgb: 118, 133, 123;
$limerick-light: mix(#fff, $limerick, 20%);
$limerick-dark: mix(#000, $limerick, 20%);
.element {
color: $limerick;
box-shadow: 0 0 0 2px rgba($limerick, 0.35);
}