Adlandırılmış renk · #5C7D47
Grassy Field
Grassy Field, #5C7D47: rgb(92 125 71), hsl(97 28% 38%), oklch(0.55 0.088 134.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Grassy Field color name →
#5C7D47
oklch(0.55 0.088 134.1)
Renk dönüşümleri
- HEX
- #5c7d47
- RGB
- rgb(92 125 71)
- HSL
- hsl(97 28% 38%)
- HWB
- hwb(97 28% 51%)
- OKLCH
- oklch(0.55 0.088 134.1)
- OKLab
- oklab(0.55 -0.061 0.063)
- CIE Lab
- lab(48.84 -20.07 25.45)
- LCH
- lch(48.84 32.41 128.3)
- CMYK
- cmyk(26% 0% 43% 51%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6B8959
- 7B966A
- 8AA37C
- 9AB08E
- ABBDA0
- BBCAB3
- CCD7C5
- DDE4D8
- EEF1EC
Koyu tonlar
- 4F6C3D
- 425B32
- 364B28
- 2A3B1F
- 1F2C16
- 141E0D
- 0A1106
- 030502
- 000100
Gri tonlar
- 607D4D
- 637E53
- 677E59
- 6B7F5F
- 6E7F65
- 727F6A
- 757F70
- 798075
- 7C807B
Renk uyumları
Tamamlayıcı +180°
- 5C7D47
Grassy Field
- 846296
≈ Wisteria Purple
Analog -30° +30°
- 5C7D47
Grassy Field
- 7A7432
≈ Crocodile Style
- 388264
≈ Mythical Forest
Üçlü +120° +240°
- 5C7D47
Grassy Field
- 4D74A4
≈ Great Serpent
- 9E5B62
≈ Ruby Crystal
Bölünmüş tamamlayıcı +150° +210°
- 5C7D47
Grassy Field
- 6C6AA3
≈ Inner Journey
- 965C7E
≈ Immortality
Dörtlü +90° +180° +270°
- 5C7D47
Grassy Field
- 2A7C98
≈ Valley of Glaciers
- 846296
≈ Wisteria Purple
- 9C6046
≈ Vintage Copper
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.68:1 · APCA Lc 72
Ag
FailSiyah üzerinde
WCAG 4.47:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.68:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--grassy-field: #5c7d47;
--grassy-field-rgb: 92 125 71;
--grassy-field-oklch: oklch(0.55 0.088 134.1);
}
.element {
color: var(--grassy-field);
background-color: hsl(97 28% 38%);
border-color: oklch(0.55 0.088 134.1);
}Tailwind CSS v4
@theme {
--color-grassy-field: #5c7d47;
--color-grassy-field-50: #eafbe3;
--color-grassy-field-100: #dbefd2;
--color-grassy-field-200: #c4ddb8;
--color-grassy-field-300: #a3c296;
--color-grassy-field-400: #89aa75;
--color-grassy-field-500: #6e9356;
--color-grassy-field-600: #5d7c49;
--color-grassy-field-700: #4a643a;
--color-grassy-field-800: #374928;
--color-grassy-field-900: #25321b;
--color-grassy-field-950: #141e0b;
}SCSS
$grassy-field: #5c7d47;
$grassy-field-rgb: 92, 125, 71;
$grassy-field-light: mix(#fff, $grassy-field, 20%);
$grassy-field-dark: mix(#000, $grassy-field, 20%);
.element {
color: $grassy-field;
box-shadow: 0 0 0 2px rgba($grassy-field, 0.35);
}