Couleur nommée la plus proche · #55A795
#55A795
Couleur nommée la plus proche: Jewel Weed
#55A795 (rgb(85 167 149), hsl(167 33% 49%), oklch(0.671 0.085 177.4)) est la plus proche de la couleur nommée Jewel Weed. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#55A795
oklch(0.671 0.085 177.4)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 68B09F
- 7AB8A9
- 8BC1B4
- 9CCABE
- ADD3C9
- BDDCD3
- CEE4DE
- DEEDE9
- EFF6F4
Ombres
- 499181
- 3D7B6D
- 31665A
- 265248
- 1C3E37
- 112C26
- 081A16
- 020A08
- 000101
Tons
- 5CA393
- 619F91
- 669B8F
- 6B988D
- 6F948A
- 739088
- 778C86
- 7A8884
- 7D8482
Harmonies de couleurs
Complémentaire +180°
- 55A795
Jewel Weed
- C17F96
≈ Polignac
Analogue -30° +30°
- 55A795
Jewel Weed
- 72A477
≈ Hierba Santa
- 4DA4B1
≈ Freshwater
Triadique +120° +240°
- 55A795
Jewel Weed
- 9B8BC4
≈ Cold Purple
- BE8860
≈ Peace of Mind
Complémentaire divisée +150° +210°
- 55A795
Jewel Weed
- B283B1
≈ African Violet
- C58179
≈ Luscious Lobster
Tétradique +90° +180° +270°
- 55A795
Jewel Weed
- 7E94CB
≈ Pannikin
- C17F96
≈ Polignac
- AC9356
≈ Asian Pear
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.85:1 · APCA Lc 55
Ag
AAASur noir
WCAG 7.34:1 · APCA Lc 47
Meilleure couleur de texte: #000000
WCAG 7.34:1 (AAA) · APCA Lc 47
Contrast pairs
Extraits de code
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);
}