Color con nombre más cercano · #59A895
#59A895
Color con nombre más cercano: Jewel Weed
#59A895 (rgb(89 168 149), hsl(166 31% 50%), oklch(0.676 0.084 176.1)) se parece más al color con nombre Jewel Weed. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#59A895
oklch(0.676 0.084 176.1)
Conversiones de color
- HEX
- #59a895
- RGB
- rgb(89 168 149)
- HSL
- hsl(166 31% 50%)
- HWB
- hwb(166 35% 34%)
- OKLCH
- oklch(0.676 0.084 176.1)
- OKLab
- oklab(0.676 -0.084 0.006)
- CIE Lab
- lab(63.44 -29.05 1.92)
- LCH
- lch(63.44 29.11 176.2)
- CMYK
- cmyk(47% 0% 11% 34%)
Tintes · Sombras · Tonos
Tintes
- 6BB19F
- 7DB9A9
- 8DC2B4
- 9ECBBE
- AED3C9
- BEDCD3
- CFE5DE
- DFEDE9
- EFF6F4
Sombras
- 4C9281
- 407C6D
- 34675A
- 285248
- 1D3F37
- 132C26
- 091A16
- 030A08
- 000101
Tonos
- 5FA493
- 64A091
- 699C8F
- 6D988D
- 71948A
- 749088
- 788C86
- 7B8884
- 7D8482
Armonías de color
Complementario +180°
- 59A895
Jewel Weed
- C18198
≈ Polignac
Análogo -30° +30°
- 59A895
Jewel Weed
- 75A578
≈ Hierba Santa
- 50A6B0
≈ Freshwater
Triádico +120° +240°
- 59A895
Jewel Weed
- 9B8CC5
≈ Hermosa
- BF8A64
≈ Fenugreek
Complementario dividido +150° +210°
- 59A895
Jewel Weed
- B285B3
≈ African Violet
- C5837C
≈ Luscious Lobster
Tetrádico +90° +180° +270°
- 59A895
Jewel Weed
- 7F96CB
≈ Steel Blue Eyes
- C18198
≈ Polignac
- AE9359
≈ Wheatacre
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.81:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.45:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.45:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--jewel-weed: #59a895;
--jewel-weed-rgb: 89 168 149;
--jewel-weed-oklch: oklch(0.676 0.084 176.1);
}
.element {
color: var(--jewel-weed);
background-color: hsl(166 31% 50%);
border-color: oklch(0.676 0.084 176.1);
}Tailwind CSS v4
@theme {
--color-jewel-weed: #59a895;
--color-jewel-weed-50: #ddfef5;
--color-jewel-weed-100: #cbf2e8;
--color-jewel-weed-200: #afe1d4;
--color-jewel-weed-300: #88c6b7;
--color-jewel-weed-400: #65af9d;
--color-jewel-weed-500: #3d9884;
--color-jewel-weed-600: #358170;
--color-jewel-weed-700: #2a6759;
--color-jewel-weed-800: #1e4c40;
--color-jewel-weed-900: #14352c;
--color-jewel-weed-950: #052019;
}SCSS
$jewel-weed: #59a895;
$jewel-weed-rgb: 89, 168, 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);
}