En yakın adlandırılmış renk · #55AE4F
#55AE4F
En yakın adlandırılmış renk: Jungle Jewels
#55AE4F (rgb(85 174 79), hsl(116 38% 50%), oklch(0.674 0.158 142.4)) en çok Jungle Jewels 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.
#55AE4F
oklch(0.674 0.158 142.4)
Renk dönüşümleri
- HEX
- #55ae4f
- RGB
- rgb(85 174 79)
- HSL
- hsl(116 38% 50%)
- HWB
- hwb(116 31% 32%)
- OKLCH
- oklch(0.674 0.158 142.4)
- OKLab
- oklab(0.674 -0.125 0.096)
- CIE Lab
- lab(64.03 -42.32 39.61)
- LCH
- lch(64.03 57.97 136.9)
- CMYK
- cmyk(51% 0% 55% 32%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 68B662
- 7ABF74
- 8BC785
- 9CCF97
- ACD7A8
- BDDFB9
- CDE7CB
- DEEFDC
- EEF7ED
Koyu tonlar
- 499744
- 3D8038
- 316A2E
- 265523
- 1C4119
- 112E10
- 081C07
- 020B02
- 000100
Gri tonlar
- 5BAA56
- 61A55C
- 66A161
- 6B9C67
- 6F986B
- 739370
- 778E74
- 7A8A78
- 7D857C
Renk uyumları
Tamamlayıcı +180°
- 55AE4F
Jungle Jewels
- C372CF
≈ Purple Kush
Analog -30° +30°
- 55AE4F
Jungle Jewels
- 999F00
≈ Forest Lichen
- 00B08E
≈ Victorian Greenhouse
Üçlü +120° +240°
- 55AE4F
Jungle Jewels
- 6093F7
≈ Polar Glow
- E76968
≈ Porcelain Rose
Bölünmüş tamamlayıcı +150° +210°
- 55AE4F
Jungle Jewels
- 9B81EE
≈ Forgotten Purple
- DD68A0
≈ Cosmetologist’s Pink
Dörtlü +90° +180° +270°
- 55AE4F
Jungle Jewels
- 00A3DD
≈ Vanadyl Blue
- C372CF
≈ Purple Kush
- E07625
≈ Cherokee Dignity
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.78:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.55:1 · APCA Lc 49
En iyi metin rengi: #000000
WCAG 7.55:1 (AAA) · APCA Lc 49
Contrast pairs
Kod parçacıkları
CSS
:root {
--jungle-jewels: #55ae4f;
--jungle-jewels-rgb: 85 174 79;
--jungle-jewels-oklch: oklch(0.674 0.158 142.4);
}
.element {
color: var(--jungle-jewels);
background-color: hsl(116 38% 50%);
border-color: oklch(0.674 0.158 142.4);
}Tailwind CSS v4
@theme {
--color-jungle-jewels: #55ae4f;
--color-jungle-jewels-50: #daffd9;
--color-jungle-jewels-100: #c8f6c7;
--color-jungle-jewels-200: #abe6aa;
--color-jungle-jewels-300: #83cd83;
--color-jungle-jewels-400: #62b55c;
--color-jungle-jewels-500: #389f33;
--color-jungle-jewels-600: #32862d;
--color-jungle-jewels-700: #276c24;
--color-jungle-jewels-800: #1f4f15;
--color-jungle-jewels-900: #14370d;
--color-jungle-jewels-950: #052202;
}SCSS
$jungle-jewels: #55ae4f;
$jungle-jewels-rgb: 85, 174, 79;
$jungle-jewels-light: mix(#fff, $jungle-jewels, 20%);
$jungle-jewels-dark: mix(#000, $jungle-jewels, 20%);
.element {
color: $jungle-jewels;
box-shadow: 0 0 0 2px rgba($jungle-jewels, 0.35);
}