En yakın adlandırılmış renk · #718B54
#718B54
En yakın adlandırılmış renk: Moss Gardens
#718B54 (rgb(113 139 84), hsl(88 25% 44%), oklch(0.602 0.084 129.2)) en çok Moss Gardens adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#718B54
oklch(0.602 0.084 129.2)
Renk dönüşümleri
- HEX
- #718b54
- RGB
- rgb(113 139 84)
- HSL
- hsl(88 25% 44%)
- HWB
- hwb(88 33% 45%)
- OKLCH
- oklch(0.602 0.084 129.2)
- OKLab
- oklab(0.602 -0.053 0.065)
- CIE Lab
- lab(54.78 -17.18 26.24)
- LCH
- lch(54.78 31.36 123.2)
- CMYK
- cmyk(19% 0% 40% 45%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7E9665
- 8CA175
- 9AAD86
- A7B897
- B6C4A8
- C4D0B9
- D2DBCA
- E1E7DB
- F0F3ED
Koyu tonlar
- 617848
- 52663C
- 435431
- 354326
- 27321B
- 1A2311
- 0E1408
- 040702
- 010100
Gri tonlar
- 738A59
- 74895E
- 768862
- 778767
- 79866B
- 7A8570
- 7C8474
- 7D8278
- 7F817C
Renk uyumları
Tamamlayıcı +180°
- 718B54
Moss Gardens
- 9073A7
≈ Ce Soir
Analog -30° +30°
- 718B54
Moss Gardens
- 8D8244
≈ Frog’s Legs
- 51906F
≈ Green Weed
Üçlü +120° +240°
- 718B54
Moss Gardens
- 5885B1
≈ Splash Palace
- AD6B76
≈ Mauvewood
Bölünmüş tamamlayıcı +150° +210°
- 718B54
Moss Gardens
- 767CB3
≈ Ontario Violet
- A36D91
≈ Flowering Raspberry
Dörtlü +90° +180° +270°
- 718B54
Moss Gardens
- 3D8DA3
≈ Winter Time
- 9073A7
≈ Ce Soir
- AC6F5B
≈ Amaretto
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.80:1 · APCA Lc 66
Ag
AASiyah üzerinde
WCAG 5.52:1 · APCA Lc 36
En iyi metin rengi: #000000
WCAG 5.52:1 (AA) · APCA Lc 36
Contrast pairs
Kod parçacıkları
CSS
:root {
--moss-gardens: #718b54;
--moss-gardens-rgb: 113 139 84;
--moss-gardens-oklch: oklch(0.602 0.084 129.2);
}
.element {
color: var(--moss-gardens);
background-color: hsl(88 25% 44%);
border-color: oklch(0.602 0.084 129.2);
}Tailwind CSS v4
@theme {
--color-moss-gardens: #718b54;
--color-moss-gardens-50: #edfbe2;
--color-moss-gardens-100: #deeed1;
--color-moss-gardens-200: #c8dcb7;
--color-moss-gardens-300: #a8c194;
--color-moss-gardens-400: #8fa973;
--color-moss-gardens-500: #749154;
--color-moss-gardens-600: #637b48;
--color-moss-gardens-700: #4f6239;
--color-moss-gardens-800: #3a4827;
--color-moss-gardens-900: #28321a;
--color-moss-gardens-950: #161e0b;
}SCSS
$moss-gardens: #718b54;
$moss-gardens-rgb: 113, 139, 84;
$moss-gardens-light: mix(#fff, $moss-gardens, 20%);
$moss-gardens-dark: mix(#000, $moss-gardens, 20%);
.element {
color: $moss-gardens;
box-shadow: 0 0 0 2px rgba($moss-gardens, 0.35);
}