En yakın adlandırılmış renk · #558104
#558104
En yakın adlandırılmış renk: Avocado
#558104 (rgb(85 129 4), hsl(81 94% 26%), oklch(0.55 0.146 129.6)) en çok Avocado 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.
#558104
oklch(0.55 0.146 129.6)
Renk dönüşümleri
- HEX
- #558104
- RGB
- rgb(85 129 4)
- HSL
- hsl(81 94% 26%)
- HWB
- hwb(81 2% 49%)
- OKLCH
- oklch(0.55 0.146 129.6)
- OKLab
- oklab(0.55 -0.093 0.112)
- CIE Lab
- lab(49.21 -28.48 51.4)
- LCH
- lch(49.21 58.77 119)
- CMYK
- cmyk(34% 0% 97% 49%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 658D2F
- 759A4A
- 85A661
- 96B378
- A7C08E
- B8CCA5
- C9D9BB
- DBE5D1
- EDF2E8
Koyu tonlar
- 496F03
- 3D5E02
- 314E01
- 263E01
- 1C2E01
- 111F00
- 081200
- 020600
- 000100
Gri tonlar
- 598121
- 5E8131
- 62823E
- 678249
- 6B8253
- 6F815D
- 738166
- 78816F
- 7C8177
Renk uyumları
Tamamlayıcı +180°
- 558104
Avocado
- 8B55B0
≈ Lusty Lavender
Analog -30° +30°
- 558104
Avocado
- 827200
≈ Sunlit Kelp Green
- 008757
≈ Vital Green
Üçlü +120° +240°
- 558104
Avocado
- 1574C2
≈ Ocean Boat Blue
- B5465F
≈ Dark Rose
Bölünmüş tamamlayıcı +150° +210°
- 558104
Avocado
- 6264C4
≈ Bluish Purple Anemone
- A74A8C
≈ Plum Dust
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.63:1 · APCA Lc 72
Ag
AASiyah üzerinde
WCAG 4.52:1 · APCA Lc 30
En iyi metin rengi: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--avocado: #558104;
--avocado-rgb: 85 129 4;
--avocado-oklch: oklch(0.55 0.146 129.6);
}
.element {
color: var(--avocado);
background-color: hsl(81 94% 26%);
border-color: oklch(0.55 0.146 129.6);
}Tailwind CSS v4
@theme {
--color-avocado: #558104;
--color-avocado-50: #e6ffd3;
--color-avocado-100: #d6f3c0;
--color-avocado-200: #bee2a1;
--color-avocado-300: #9cc777;
--color-avocado-400: #82af4b;
--color-avocado-500: #669812;
--color-avocado-600: #578015;
--color-avocado-700: #456711;
--color-avocado-800: #344b06;
--color-avocado-900: #233404;
--color-avocado-950: #121f00;
}SCSS
$avocado: #558104;
$avocado-rgb: 85, 129, 4;
$avocado-light: mix(#fff, $avocado, 20%);
$avocado-dark: mix(#000, $avocado, 20%);
.element {
color: $avocado;
box-shadow: 0 0 0 2px rgba($avocado, 0.35);
}