En yakın adlandırılmış renk · #55A795
#55A795
En yakın adlandırılmış renk: Jewel Weed
#55A795 (rgb(85 167 149), hsl(167 33% 49%), oklch(0.671 0.085 177.4)) en çok Jewel Weed 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.
#55A795
oklch(0.671 0.085 177.4)
Renk dönüşümleri
- HEX
- #55a795
- RGB
- rgb(85 167 149)
- HSL
- hsl(167 33% 49%)
- HWB
- hwb(167 33% 35%)
- OKLCH
- oklch(0.671 0.085 177.4)
- OKLab
- oklab(0.671 -0.085 0.004)
- CIE Lab
- lab(62.97 -29.64 1.21)
- LCH
- lch(62.97 29.66 177.7)
- CMYK
- cmyk(49% 0% 11% 35%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 68B09F
- 7AB8A9
- 8BC1B4
- 9CCABE
- ADD3C9
- BDDCD3
- CEE4DE
- DEEDE9
- EFF6F4
Koyu tonlar
- 499181
- 3D7B6D
- 31665A
- 265248
- 1C3E37
- 112C26
- 081A16
- 020A08
- 000101
Gri tonlar
- 5CA393
- 619F91
- 669B8F
- 6B988D
- 6F948A
- 739088
- 778C86
- 7A8884
- 7D8482
Renk uyumları
Tamamlayıcı +180°
- 55A795
Jewel Weed
- C17F96
≈ Polignac
Analog -30° +30°
- 55A795
Jewel Weed
- 72A477
≈ Hierba Santa
- 4DA4B1
≈ Freshwater
Üçlü +120° +240°
- 55A795
Jewel Weed
- 9B8BC4
≈ Cold Purple
- BE8860
≈ Peace of Mind
Bölünmüş tamamlayıcı +150° +210°
- 55A795
Jewel Weed
- B283B1
≈ African Violet
- C58179
≈ Luscious Lobster
Dörtlü +90° +180° +270°
- 55A795
Jewel Weed
- 7E94CB
≈ Pannikin
- C17F96
≈ Polignac
- AC9356
≈ Asian Pear
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.85:1 · APCA Lc 55
Ag
AAASiyah üzerinde
WCAG 7.34:1 · APCA Lc 47
En iyi metin rengi: #000000
WCAG 7.34:1 (AAA) · APCA Lc 47
Contrast pairs
Kod parçacıkları
CSS
:root {
--jewel-weed: #55a795;
--jewel-weed-rgb: 85 167 149;
--jewel-weed-oklch: oklch(0.671 0.085 177.4);
}
.element {
color: var(--jewel-weed);
background-color: hsl(167 33% 49%);
border-color: oklch(0.671 0.085 177.4);
}Tailwind CSS v4
@theme {
--color-jewel-weed: #55a795;
--color-jewel-weed-50: #dcfef6;
--color-jewel-weed-100: #caf2e8;
--color-jewel-weed-200: #ade1d5;
--color-jewel-weed-300: #86c6b8;
--color-jewel-weed-400: #63af9e;
--color-jewel-weed-500: #399985;
--color-jewel-weed-600: #328171;
--color-jewel-weed-700: #28675a;
--color-jewel-weed-800: #1c4c41;
--color-jewel-weed-900: #13352d;
--color-jewel-weed-950: #04201a;
}SCSS
$jewel-weed: #55a795;
$jewel-weed-rgb: 85, 167, 149;
$jewel-weed-light: mix(#fff, $jewel-weed, 20%);
$jewel-weed-dark: mix(#000, $jewel-weed, 20%);
.element {
color: $jewel-weed;
box-shadow: 0 0 0 2px rgba($jewel-weed, 0.35);
}