Nazwany kolor · #315955
Enchanting Ivy
Enchanting Ivy to #315955: rgb(49 89 85), hsl(174 29% 27%), oklch(0.433 0.046 187.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Enchanting Ivy color name →
#315955
oklch(0.433 0.046 187.4)
Konwersje koloru
- HEX
- #315955
- RGB
- rgb(49 89 85)
- HSL
- hsl(174 29% 27%)
- HWB
- hwb(174 19% 65%)
- OKLCH
- oklch(0.433 0.046 187.4)
- OKLab
- oklab(0.433 -0.046 -0.006)
- CIE Lab
- lab(34.79 -15.59 -2.35)
- LCH
- lch(34.79 15.77 188.6)
- CMYK
- cmyk(45% 0% 4% 65%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 456864
- 587874
- 6C8884
- 809895
- 94A8A6
- A9B9B7
- BECAC9
- D3DCDB
- E9EDED
Odcienie ciemniejsze
- 294C49
- 22403D
- 1A3431
- 132826
- 0C1D1C
- 061311
- 030908
- 010302
- 000000
Tony
- 3A5D59
- 42615D
- 4A6562
- 526966
- 5A6C6A
- 61706E
- 697473
- 717877
- 787C7C
Harmonie kolorów
Komplementarna +180°
- 315955
Enchanting Ivy
- 67464C
≈ Estate Vineyard
Analogowa -30° +30°
- 315955
Enchanting Ivy
- 3B5947
≈ Royal Hunter Green
- 325761
≈ Green Moonstone
Triada +120° +240°
- 315955
Enchanting Ivy
- 574A65
≈ Paparazzi
- 624C35
≈ Black Power
Komplementarna rozszczepiona +150° +210°
- 315955
Enchanting Ivy
- 61475A
≈ Ripe Mulberry
- 67483F
≈ Spiced Wine
Tetrada +90° +180° +270°
- 315955
Enchanting Ivy
- 4A4E6A
≈ Crown Blue
- 67464C
≈ Estate Vineyard
- 575133
≈ Avocado Pear
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.80:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.69:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.80:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--enchanting-ivy: #315955;
--enchanting-ivy-rgb: 49 89 85;
--enchanting-ivy-oklch: oklch(0.433 0.046 187.4);
}
.element {
color: var(--enchanting-ivy);
background-color: hsl(174 29% 27%);
border-color: oklch(0.433 0.046 187.4);
}Tailwind CSS v4
@theme {
--color-enchanting-ivy: #315955;
--color-enchanting-ivy-50: #e7faf8;
--color-enchanting-ivy-100: #d8edeb;
--color-enchanting-ivy-200: #bfdbd8;
--color-enchanting-ivy-300: #9ebfbc;
--color-enchanting-ivy-400: #80a8a3;
--color-enchanting-ivy-500: #62908b;
--color-enchanting-ivy-600: #547a76;
--color-enchanting-ivy-700: #43625e;
--color-enchanting-ivy-800: #304844;
--color-enchanting-ivy-900: #21322f;
--color-enchanting-ivy-950: #101e1c;
}SCSS
$enchanting-ivy: #315955;
$enchanting-ivy-rgb: 49, 89, 85;
$enchanting-ivy-light: mix(#fff, $enchanting-ivy, 20%);
$enchanting-ivy-dark: mix(#000, $enchanting-ivy, 20%);
.element {
color: $enchanting-ivy;
box-shadow: 0 0 0 2px rgba($enchanting-ivy, 0.35);
}