Najbliższy nazwany kolor · #59A895
#59A895
Najbliższy nazwany kolor: Jewel Weed
#59A895 (rgb(89 168 149), hsl(166 31% 50%), oklch(0.676 0.084 176.1)) jest najbliższy nazwanemu kolorowi Jewel Weed. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#59A895
oklch(0.676 0.084 176.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6BB19F
- 7DB9A9
- 8DC2B4
- 9ECBBE
- AED3C9
- BEDCD3
- CFE5DE
- DFEDE9
- EFF6F4
Odcienie ciemniejsze
- 4C9281
- 407C6D
- 34675A
- 285248
- 1D3F37
- 132C26
- 091A16
- 030A08
- 000101
Tony
- 5FA493
- 64A091
- 699C8F
- 6D988D
- 71948A
- 749088
- 788C86
- 7B8884
- 7D8482
Harmonie kolorów
Komplementarna +180°
- 59A895
Jewel Weed
- C18198
≈ Polignac
Analogowa -30° +30°
- 59A895
Jewel Weed
- 75A578
≈ Hierba Santa
- 50A6B0
≈ Freshwater
Triada +120° +240°
- 59A895
Jewel Weed
- 9B8CC5
≈ Hermosa
- BF8A64
≈ Fenugreek
Komplementarna rozszczepiona +150° +210°
- 59A895
Jewel Weed
- B285B3
≈ African Violet
- C5837C
≈ Luscious Lobster
Tetrada +90° +180° +270°
- 59A895
Jewel Weed
- 7F96CB
≈ Steel Blue Eyes
- C18198
≈ Polignac
- AE9359
≈ Wheatacre
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.81:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.45:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.45:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
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);
}