Nazwany kolor · #68846A
Christmas Holly
Christmas Holly to #68846A: rgb(104 132 106), hsl(124 12% 46%), oklch(0.584 0.051 146.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Christmas Holly color name →
#68846A
oklch(0.584 0.051 146.8)
Konwersje koloru
- HEX
- #68846a
- RGB
- rgb(104 132 106)
- HSL
- hsl(124 12% 46%)
- HWB
- hwb(124 41% 48%)
- OKLCH
- oklch(0.584 0.051 146.8)
- OKLab
- oklab(0.584 -0.042 0.028)
- CIE Lab
- lab(52.39 -14.51 10.66)
- LCH
- lch(52.39 18.01 143.7)
- CMYK
- cmyk(21% 0% 20% 48%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 769078
- 859C86
- 93A894
- A2B4A3
- B1C0B2
- C0CCC1
- D0D9D0
- DFE5E0
- EFF2EF
Odcienie ciemniejsze
- 59725B
- 4B604D
- 3E4F3F
- 303F31
- 242F24
- 182018
- 0C120D
- 040604
- 000100
Tony
- 6B846C
- 6D836E
- 708371
- 728373
- 748275
- 778277
- 79817A
- 7B817C
- 7E807E
Harmonie kolorów
Komplementarna +180°
- 68846A
Christmas Holly
- 8C718C
≈ Wine Stroll
Analogowa -30° +30°
- 68846A
Christmas Holly
- 79805D
≈ Grape Vine
- 5A867B
≈ Wintergreen Dream
Triada +120° +240°
- 68846A
Christmas Holly
- 6E7B9A
≈ Quantum Blue
- 98706B
≈ Bologna
Komplementarna rozszczepiona +150° +210°
- 68846A
Christmas Holly
- 7E7696
≈ Grape Harvest
- 956F7C
≈ Heritage Taffeta
Tetrada +90° +180° +270°
- 68846A
Christmas Holly
- 5F8096
≈ Bountiful Blue
- 8C718C
≈ Wine Stroll
- 93745E
≈ Corral Brown
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.11:1 · APCA Lc 68
Ag
AANa czerni
WCAG 5.09:1 · APCA Lc 33
Najlepszy kolor tekstu: #000000
WCAG 5.09:1 (AA) · APCA Lc 33
Contrast pairs
Fragmenty kodu
CSS
:root {
--christmas-holly: #68846a;
--christmas-holly-rgb: 104 132 106;
--christmas-holly-oklch: oklch(0.584 0.051 146.8);
}
.element {
color: var(--christmas-holly);
background-color: hsl(124 12% 46%);
border-color: oklch(0.584 0.051 146.8);
}Tailwind CSS v4
@theme {
--color-christmas-holly: #68846a;
--color-christmas-holly-50: #ecf9ed;
--color-christmas-holly-100: #ddeddf;
--color-christmas-holly-200: #c6dbc9;
--color-christmas-holly-300: #a6bfa9;
--color-christmas-holly-400: #8ba78d;
--color-christmas-holly-500: #709073;
--color-christmas-holly-600: #5f7a61;
--color-christmas-holly-700: #4c614e;
--color-christmas-holly-800: #384738;
--color-christmas-holly-900: #263126;
--color-christmas-holly-950: #141d14;
}SCSS
$christmas-holly: #68846a;
$christmas-holly-rgb: 104, 132, 106;
$christmas-holly-light: mix(#fff, $christmas-holly, 20%);
$christmas-holly-dark: mix(#000, $christmas-holly, 20%);
.element {
color: $christmas-holly;
box-shadow: 0 0 0 2px rgba($christmas-holly, 0.35);
}