Adlandırılmış renk · #558E4C
Victorian Garden
Victorian Garden, #558E4C: rgb(85 142 76), hsl(112 30% 43%), oklch(0.591 0.114 141). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Victorian Garden color name →
#558E4C
oklch(0.591 0.114 141)
Renk dönüşümleri
- HEX
- #558e4c
- RGB
- rgb(85 142 76)
- HSL
- hsl(112 30% 43%)
- HWB
- hwb(112 30% 44%)
- OKLCH
- oklch(0.591 0.114 141)
- OKLab
- oklab(0.591 -0.088 0.072)
- CIE Lab
- lab(53.87 -29.8 28.91)
- LCH
- lch(53.87 41.53 135.9)
- CMYK
- cmyk(40% 0% 46% 44%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 66995E
- 77A46F
- 87AF81
- 98BB92
- A9C6A4
- BAD1B6
- CBDDC8
- DCE8DA
- EDF3EC
Koyu tonlar
- 497B41
- 3D6836
- 31562C
- 264422
- 1C3418
- 11240F
- 081506
- 020702
- 000100
Gri tonlar
- 5A8D52
- 5F8C58
- 648A5D
- 688963
- 6C8868
- 71866D
- 758572
- 788377
- 7C827B
Renk uyumları
Tamamlayıcı +180°
- 558E4C
Victorian Garden
- 9C66A6
≈ Royal Pretender
Analog -30° +30°
- 558E4C
Victorian Garden
- 818326
≈ Trendy Green
- 0B9374
≈ Dòu Lǜ Green
Üçlü +120° +240°
- 558E4C
Victorian Garden
- 567DC1
≈ Blue Iolite
- B75F60
≈ Energy Peak
Bölünmüş tamamlayıcı +150° +210°
- 558E4C
Victorian Garden
- 7E70BC
≈ Venus Violet
- B05F86
≈ Wild Mulberry
Dörtlü +90° +180° +270°
- 558E4C
Victorian Garden
- 1789B4
≈ Spinnaker Blue
- 9C66A6
≈ Royal Pretender
- B26839
≈ Khardic
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.91:1 · APCA Lc 66
Ag
AASiyah üzerinde
WCAG 5.35:1 · APCA Lc 35
En iyi metin rengi: #000000
WCAG 5.35:1 (AA) · APCA Lc 35
Contrast pairs
Kod parçacıkları
CSS
:root {
--victorian-garden: #558e4c;
--victorian-garden-rgb: 85 142 76;
--victorian-garden-oklch: oklch(0.591 0.114 141);
}
.element {
color: var(--victorian-garden);
background-color: hsl(112 30% 43%);
border-color: oklch(0.591 0.114 141);
}Tailwind CSS v4
@theme {
--color-victorian-garden: #558e4c;
--color-victorian-garden-50: #e3fee1;
--color-victorian-garden-100: #d2f2d0;
--color-victorian-garden-200: #b8e1b5;
--color-victorian-garden-300: #95c792;
--color-victorian-garden-400: #78af6f;
--color-victorian-garden-500: #59984f;
--color-victorian-garden-600: #4c8143;
--color-victorian-garden-700: #3c6735;
--color-victorian-garden-800: #2d4c24;
--color-victorian-garden-900: #1e3518;
--color-victorian-garden-950: #0e2009;
}SCSS
$victorian-garden: #558e4c;
$victorian-garden-rgb: 85, 142, 76;
$victorian-garden-light: mix(#fff, $victorian-garden, 20%);
$victorian-garden-dark: mix(#000, $victorian-garden, 20%);
.element {
color: $victorian-garden;
box-shadow: 0 0 0 2px rgba($victorian-garden, 0.35);
}