Najbliższy nazwany kolor · #1E796E
#1E796E
Najbliższy nazwany kolor: Ivy
#1E796E (rgb(30 121 110), hsl(173 60% 30%), oklch(0.522 0.084 183.1)) jest najbliższy nazwanemu kolorowi Ivy. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#1E796E
oklch(0.522 0.084 183.1)
Konwersje koloru
- HEX
- #1e796e
- RGB
- rgb(30 121 110)
- HSL
- hsl(173 60% 30%)
- HWB
- hwb(173 12% 53%)
- OKLCH
- oklch(0.522 0.084 183.1)
- OKLab
- oklab(0.522 -0.084 -0.005)
- CIE Lab
- lab(45.55 -29.15 -1.92)
- LCH
- lch(45.55 29.21 183.8)
- CMYK
- cmyk(75% 0% 9% 53%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 3C867B
- 549389
- 6AA097
- 7FADA5
- 95BBB4
- AAC8C2
- BFD6D1
- D4E3E0
- E9F1F0
Odcienie ciemniejsze
- 19685F
- 135850
- 0E4841
- 093933
- 052B26
- 031D19
- 01100E
- 000504
- 000101
Tony
- 2F7A70
- 3B7B72
- 467C73
- 507C75
- 597D77
- 617E79
- 697E7B
- 717F7C
- 79807E
Harmonie kolorów
Komplementarna +180°
- 1E796E
Ivy
- 925465
≈ Vin Rouge
Analogowa -30° +30°
- 1E796E
Ivy
- 407752
≈ Killarney
- 1B7686
≈ Biscay Bay
Triada +120° +240°
- 1E796E
Ivy
- 735D91
≈ Emperor Jewel
- 8B5E32
≈ Quiver
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.22:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 4.01:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--ivy: #1e796e;
--ivy-rgb: 30 121 110;
--ivy-oklch: oklch(0.522 0.084 183.1);
}
.element {
color: var(--ivy);
background-color: hsl(173 60% 30%);
border-color: oklch(0.522 0.084 183.1);
}Tailwind CSS v4
@theme {
--color-ivy: #1e796e;
--color-ivy-50: #dcfef8;
--color-ivy-100: #caf2eb;
--color-ivy-200: #ace1d9;
--color-ivy-300: #85c6bd;
--color-ivy-400: #61afa3;
--color-ivy-500: #36988b;
--color-ivy-600: #308176;
--color-ivy-700: #26675e;
--color-ivy-800: #1a4c44;
--color-ivy-900: #11352f;
--color-ivy-950: #03201c;
}SCSS
$ivy: #1e796e;
$ivy-rgb: 30, 121, 110;
$ivy-light: mix(#fff, $ivy, 20%);
$ivy-dark: mix(#000, $ivy, 20%);
.element {
color: $ivy;
box-shadow: 0 0 0 2px rgba($ivy, 0.35);
}