Nazwany kolor · #67614F
Ivy Topiary
Ivy Topiary to #67614F: rgb(103 97 79), hsl(45 13% 36%), oklch(0.493 0.029 91.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Ivy Topiary color name →
#67614F
oklch(0.493 0.029 91.8)
Konwersje koloru
- HEX
- #67614f
- RGB
- rgb(103 97 79)
- HSL
- hsl(45 13% 36%)
- HWB
- hwb(45 31% 60%)
- OKLCH
- oklch(0.493 0.029 91.8)
- OKLab
- oklab(0.493 -0.001 0.029)
- CIE Lab
- lab(41.31 0.05 11.22)
- LCH
- lch(41.31 11.22 89.8)
- CMYK
- cmyk(0% 6% 23% 60%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 75705F
- 837E6F
- 928E80
- A19D91
- B0ADA3
- BFBDB5
- CFCDC7
- DFDDD9
- EFEEEC
Odcienie ciemniejsze
- 595344
- 4B4638
- 3D392E
- 302D23
- 232119
- 171510
- 0C0B07
- 040302
- 000000
Tony
- 696454
- 6C6759
- 6E6A5E
- 716D62
- 737067
- 76736C
- 787771
- 7B7A76
- 7D7D7B
Harmonie kolorów
Komplementarna +180°
- 67614F
Ivy Topiary
- 5B6172
≈ Mysterious Night
Analogowa -30° +30°
- 67614F
Ivy Topiary
- 6E5E51
≈ Chocolate Chip
- 5E6452
≈ Cypress Vine
Triada +120° +240°
- 67614F
Ivy Topiary
- 4F666B
≈ Sumatra Chicken
- 6B5C69
≈ Patina Violet
Komplementarna rozszczepiona +150° +210°
- 67614F
Ivy Topiary
- 536470
≈ Slate
- 645E6F
≈ Sedona Shadow
Tetrada +90° +180° +270°
- 67614F
Ivy Topiary
- 506762
≈ Armada
- 5B6172
≈ Mysterious Night
- 705B60
≈ Poetry Plum
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.17:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.39:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.17:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--ivy-topiary: #67614f;
--ivy-topiary-rgb: 103 97 79;
--ivy-topiary-oklch: oklch(0.493 0.029 91.8);
}
.element {
color: var(--ivy-topiary);
background-color: hsl(45 13% 36%);
border-color: oklch(0.493 0.029 91.8);
}Tailwind CSS v4
@theme {
--color-ivy-topiary: #67614f;
--color-ivy-topiary-50: #f8f5ec;
--color-ivy-topiary-100: #ebe8dd;
--color-ivy-topiary-200: #d8d4c7;
--color-ivy-topiary-300: #bcb7a7;
--color-ivy-topiary-400: #a49e8c;
--color-ivy-topiary-500: #8d8671;
--color-ivy-topiary-600: #777160;
--color-ivy-topiary-700: #5f5b4c;
--color-ivy-topiary-800: #464237;
--color-ivy-topiary-900: #312e26;
--color-ivy-topiary-950: #1d1a14;
}SCSS
$ivy-topiary: #67614f;
$ivy-topiary-rgb: 103, 97, 79;
$ivy-topiary-light: mix(#fff, $ivy-topiary, 20%);
$ivy-topiary-dark: mix(#000, $ivy-topiary, 20%);
.element {
color: $ivy-topiary;
box-shadow: 0 0 0 2px rgba($ivy-topiary, 0.35);
}