Adlandırılmış renk · #5B7C5B
Green Mantle
Green Mantle, #5B7C5B: rgb(91 124 91), hsl(120 15% 42%), oklch(0.552 0.063 144.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Green Mantle color name →
#5B7C5B
oklch(0.552 0.063 144.7)
Renk dönüşümleri
- HEX
- #5b7c5b
- RGB
- rgb(91 124 91)
- HSL
- hsl(120 15% 42%)
- HWB
- hwb(120 36% 51%)
- OKLCH
- oklch(0.552 0.063 144.7)
- OKLab
- oklab(0.552 -0.051 0.036)
- CIE Lab
- lab(48.77 -17.53 14.13)
- LCH
- lch(48.77 22.52 141.1)
- CMYK
- cmyk(27% 0% 27% 51%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6A886A
- 7A957A
- 8AA28A
- 9AAF9A
- AABCAA
- BBC9BA
- CCD6CB
- DCE4DC
- EEF1EE
Koyu tonlar
- 4E6B4E
- 415A41
- 354A35
- 293B29
- 1E2C1E
- 131E13
- 091109
- 030503
- 000100
Gri tonlar
- 5F7C5F
- 637D63
- 677D66
- 6A7E6A
- 6E7E6E
- 727F71
- 757F75
- 797F79
- 7C807C
Renk uyumları
Tamamlayıcı +180°
- 5B7C5B
Green Mantle
- 856587
≈ Sunshone Plum
Analog -30° +30°
- 5B7C5B
Green Mantle
- 71774B
≈ Ancient Bonsai
- 487E70
≈ Azurite Water Green
Üçlü +120° +240°
- 5B7C5B
Green Mantle
- 607297
≈ Ocean Night
- 946460
≈ Roulette
Bölünmüş tamamlayıcı +150° +210°
- 5B7C5B
Green Mantle
- 746B93
≈ Purple Grapes
- 906374
≈ Victorian Plum
Dörtlü +90° +180° +270°
- 5B7C5B
Green Mantle
- 4C7892
≈ Moody Teal
- 856587
≈ Sunshone Plum
- 8F684E
≈ Webcap Brown
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.68:1 · APCA Lc 73
Ag
FailSiyah üzerinde
WCAG 4.47:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.68:1 (AA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--green-mantle: #5b7c5b;
--green-mantle-rgb: 91 124 91;
--green-mantle-oklch: oklch(0.552 0.063 144.7);
}
.element {
color: var(--green-mantle);
background-color: hsl(120 15% 42%);
border-color: oklch(0.552 0.063 144.7);
}Tailwind CSS v4
@theme {
--color-green-mantle: #5b7c5b;
--color-green-mantle-50: #eafaeb;
--color-green-mantle-100: #dbeedc;
--color-green-mantle-200: #c4dcc5;
--color-green-mantle-300: #a3c1a5;
--color-green-mantle-400: #88a988;
--color-green-mantle-500: #6c926c;
--color-green-mantle-600: #5c7b5c;
--color-green-mantle-700: #496349;
--color-green-mantle-800: #364834;
--color-green-mantle-900: #253223;
--color-green-mantle-950: #131e12;
}SCSS
$green-mantle: #5b7c5b;
$green-mantle-rgb: 91, 124, 91;
$green-mantle-light: mix(#fff, $green-mantle, 20%);
$green-mantle-dark: mix(#000, $green-mantle, 20%);
.element {
color: $green-mantle;
box-shadow: 0 0 0 2px rgba($green-mantle, 0.35);
}